Компонент должен быть самодостаточным в таком случае

Так он у меня и так самодостаточный :) При подключении компонента в другой компонент, я ссылаюсь только на vue файл. А разделяю потому, что могу работать с двумя сущностями в отдельных вкладках или окнах/мониторах. Например, разделить редактор на две вкладки vue-html+css и заниматься вёрсткой. Или vue-html + js - писать функционал. Мне не нужно елозить скролл, у меня все перед глазами.

Так он вроде и в vue файлах работает нормально) правда иногда со второго сохранения только 😂

У меня prettier в вушных файлдах не работает

мот подскажешь как настраивал, может там что-то еще установить надо?

Как вывести 2 компонента на 1 path vue router ??

Возможно это VSCode плюс расширение преттиера плюс Vetur

ну или реально на пре-коммит хук форматировать, только этого видно не будет до коммита

ну или реально на пре-коммит хук форматировать, только этого видно не будет до коммита

Это скучненько :)

Возможно это VSCode плюс расширение преттиера плюс Vetur

А он у тебя вообще работает?

Ну форматирует что-то) но например скобки в стрелочных функциях не убирал

Как вывести 2 компонента на 1 path vue router ??

никак - как роутер догадается в какой последовательности твои компоненты располагаются?

Тогда как обьединиь 2 компонента в 1 и потом уже передать его во vue-router ?

можно написать path:'', component: { template:'<comp-1/><comp-2/>' }

скорее всего не совсем правильно сделаны компоненты если такое требуется

как я понимаю обычно все создают большие компоненты типа userPage в которых располагаются другие компоенты

Ну форматирует что-то) но например скобки в стрелочных функциях не убирал

Ой, пардон, не то сообщение ответил

ага , а как в родительский(userPage) компонент передать дочерние ? (copm-1,comp-2)

У меня prettier в вушных файлдах не работает

А он у тебя вообще работает?

ага , а как в родительский(userPage) компонент передать дочерние ? (copm-1,comp-2)

router-view?

А он у тебя вообще работает?

ага

Пока непонятно , буду читать про "router-view" , благодарю

но ведь самодостаточным!)

Сильное заявление

ага , а как в родительский(userPage) компонент передать дочерние ? (copm-1,comp-2)

не правильное направление - сделал два маленьких компонента а потом решил их слить в один большой - так сложно всегда сначала делаешь большой потом смотришь - что можно переиспользовать и тогда раскалываешь большие на маленькие что значит как передать? ты делаешь где нибудь компонент user-page - и внутри него просто пишешь <template> <comp-1/><comp-2/> </template> как они попадут в user-page - тебе решать можно регать глобально через Vue.component можно через components передавать в сам компонент

Так он у меня и так самодостаточный :) При подключении компонента в другой компонент, я ссылаюсь только на vue файл. А разделяю потому, что могу работать с двумя сущностями в отдельных вкладках или окнах/мониторах. Например, разделить редактор на две вкладки vue-html+css и заниматься вёрсткой. Или vue-html + js - писать функционал. Мне не нужно елозить скролл, у меня все перед глазами.

При этом тебе нужно елозить вкладки Верстаешь и забыл, как назвал свойство в data или метод

При этом тебе нужно елозить вкладки Верстаешь и забыл, как назвал свойство в data или метод

Лучше один раз вкладки, чем постоянно скролл. Вряд ли, потому что основная верстка сначала, потом js

Лучше один раз вкладки, чем постоянно скролл. Вряд ли, потому что основная верстка сначала, потом js

Сильное заявление

Max Korolev, спасибо , у меня щас как раз так , один большой компонен , который хотелось бы разбить для удобства ,и правильности что ле

Лучше один раз вкладки, чем постоянно скролл. Вряд ли, потому что основная верстка сначала, потом js

от скролла можно избавится композированием кода а от вкладок уже нет

от скролла можно избавится композированием кода а от вкладок уже нет

Комп... Чем?

Max Korolev, спасибо , у меня щас как раз так , один большой компонен , который хотелось бы разбить для удобства ,и правильности что ле

роутер тебе может понадобится в этом случае если ты хочешь изменять урл в противном случае просто подключи маленькие компоненты в большой https://vuejs.org/v2/guide/components.html#Using-Components композирование https://vuejs.org/v2/guide/components.html#Composing-Components

https://ru.vuejs.org/v2/guide/components.html#Композиция-компонентов

Та да и ОП кушает как 10 вкладок хрома

кто кто ?

роутер тебе может понадобится в этом случае если ты хочешь изменять урл в противном случае просто подключи маленькие компоненты в большой https://vuejs.org/v2/guide/components.html#Using-Components композирование https://vuejs.org/v2/guide/components.html#Composing-Components

И как мне композиция поможет в длинной форме, например?

ну что за вопросы - <user-form/> <company-form/> <firm-form/> <pay-form/> 4 строки - никакого скролла

ну что за вопросы - <user-form/> <company-form/> <firm-form/> <pay-form/> 4 строки - никакого скролла

А внутри каждой формы? :)

кто кто ?

atom

А внутри каждой формы? :)

внутри каждой формы <my-input name="user-name"/> <my-input name="user-second-name"/> <my-input name="user-age"/> <my-input name="user-sex"/> также без скролла

ребят ребят, подскажите пожалуйста на каком уровне надо знать js чтобы успешно использовать vue.js

es6 надо знать точно ..

На уровне умения читать документацию

где можно подучить es6 ?

сек

внутри каждой формы <my-input name="user-name"/> <my-input name="user-second-name"/> <my-input name="user-age"/> <my-input name="user-sex"/> также без скролла

Очень притянутый пример в вакууме. Взять какой-нить element-ui и собрать форму - уже получается громоздко.

если не сложно спасибо)

я тебе в пм скину реальный список

ребят ребят, подскажите пожалуйста на каком уровне надо знать js чтобы успешно использовать vue.js

На отличном

Очень притянутый пример в вакууме. Взять какой-нить element-ui и собрать форму - уже получается громоздко.

как раз не притянутый, тебе и так и так придется оборачивать компоненты от element-ui и писать my-input my-select и как раз по одной строке и будешь писать в компоненте user-form

Есть компонент , <template> <h1> {{ ap }}</h1> <upload-file></upload-file> </template> export default { name: 'hello', data () { return { ap : "123" } }, components: { uploadFile } }

Импортирую : import uploadFile from '@/components/firstStep/uploadFile.vue'

Получаю ошибку : Component template should contain exactly one root element. If you are using v-if on multiple elements, use v-else-if to chain them instead.

Что я делаю не так ?)

оберни внутри template все в один див

или другой контейнер <template> <div> <h1> {{ ap }}</h1> <upload-file></upload-file> </div> </template>

епт , ото ошибка , сори за тупой вопрос , сенкс

Почему оно работает если убрать подключение внутреннего компонента ,а просто выводить HTML теги ? Т.е. почему в данном случае оно не требует обёртку ?

потому что внутри тега template нужен еще один корневой, если хочешь сложную схему. когда убираешь тег upload-file, у тебя h1 становится корневым.

так же если уберешь h1 - upload-file станет корневым и все заработает тоже

Так уберу upload-file, и добавлю рядом с h1 еще там ... h2 , все еще работает , а кто корневой

а не , моя ошибка

внутри div? или без?

не не , вы все правильно сказали , то я поспешил , спасибо

Ну форматирует что-то) но например скобки в стрелочных функциях не убирал

это не prettier, это встроенная в vetur штука

prettier пока не работает вроде без костылей диких, но обещают что вот вот начнет

Слухайте, а в чём смысл функции "отключить все сессии кроме данной"? Если мой мобильный девайс попал в руки злоумышленнику, то он сможет отрубить все мои сессии, затем изменить пароль и не дать мне перезайти... не лучше ли отрубать все сессии включая актуальную?

хотя нет, изменить пароль он не сможет ибо актуального пароля не знает, но суть та-же, почему он сможет обрубить все мои сессии а его сессия останется..

ну у тебя есть пароль - тебе все равно на сессии.

зайдешь и отомстишь

где можно подучить es6 ?

explorejs

7. Symbols http://exploringjs.com/es6/ch_symbols.html

ну у тебя есть пароль - тебе все равно на сессии.

да, но согласись что закрывать сессии в таком случае нужно автоматом все включая текущую?

ибо где смысл в том, что чужак закроет все мои сессии, а своя у него останется открытой

а так он если и закроет то все одновременно, а пароля у него нет, всё)

Слухайте, а в чём смысл функции "отключить все сессии кроме данной"? Если мой мобильный девайс попал в руки злоумышленнику, то он сможет отрубить все мои сессии, затем изменить пароль и не дать мне перезайти... не лучше ли отрубать все сессии включая актуальную?

Может эта кнопка покрывает не все кейсы 🤔

Может эта кнопка покрывает не все кейсы 🤔

в смысле?

В смысле, что ты знаешь, что кто-то может сидеть с твоей учетки. Дропнул сессии и все

В смысле, что ты знаешь, что кто-то может сидеть с твоей учетки. Дропнул сессии и все

да это понятно, вопрос лишь в том почему и текущая сессия не сбрасывается вместе с остальными? что если не я сбросил сессии, а тот незнакомец?

да это понятно, вопрос лишь в том почему и текущая сессия не сбрасывается вместе с остальными? что если не я сбросил сессии, а тот незнакомец?

этот кейс, очевидно, не покрыли)

я то пароль знаю, закрыл все сессии, перезашёл - всё норм

а он не знает, закрыл все мои сессии, но его сессия осталась, он и дальше сидит пока я не зайду

можно буквально сидеть ослеживать сессии и закрывать их как только я захожу...