ВСем, привет

Внутри шаблона vue другие шаблонизаторы вроде как не должны быть.

prettier + eslint :)

Попробуй обернуть твой right_sidebar в отдельный компонент

Ну оно не на шаблонизатор ругается а на js который в другой вьюшке

Попробуй обернуть твой right_sidebar в отдельный компонент

Нету возможности сейчас переписывать все компоненты на vue, хотелось сделать это постепенно

prettier + eslint :)

а как для .vue файлов prettier настроить не подскажешь?

а как для .vue файлов prettier настроить не подскажешь?

Хз, у меня js в *.js

У тебя компоненты состоят из двух файлов html и js

а можешь показать как это выглядит?

где-то видел такой подход, но не пробовал.

а можешь показать как это выглядит?

Что показать?

как выглядит твой файл компонента

и как ты хранение файлов организовал

Чёт все дрочат на prettier в последнее время

Чёт все дрочат на prettier в последнее время

потому что не разрешает каждому делать как он хочет ?

Там че-то обновилось или что

потому что не разрешает каждому делать как он хочет ?

Eslint тоже

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

А смысл

меньше головняков

Если есть eslint --fix

но он не форматирует в едином стайле, а можно к еслинту подключить преттиер и все ещё и форматироваться красиво будет

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

Все равно не понял, в чем прикол, eslint же об этом как раз

как выглядит твой файл компонента

*.vue файл ` <template>шаблон</template> <script src="./ComponentName.js"></script> <style src="./styles/ComponentName.css"><style/>

ESLint ошибки ищет, а не форматированием занимается

*.vue файл ` <template>шаблон</template> <script src="./ComponentName.js"></script> <style src="./styles/ComponentName.css"><style/>

спс

Зачем prettier ещё и в связке с eslint

ESLint ошибки ищет, а не форматированием занимается

Fix же?

и как ты хранение файлов организовал

src/components - Сборные компоненты src/UILib - ui компоненты src/pages - страницы

*.vue файл ` <template>шаблон</template> <script src="./ComponentName.js"></script> <style src="./styles/ComponentName.css"><style/>

Это же не гуд

Это же не гуд

Обоснуй

Смысл .vue компонентов (3 в 1) теряется тогда

Смысл .vue компонентов (3 в 1) теряется тогда

Ниче не теряется. vue файл остаётся единой точкой входа в компонент. А писать простыню из трёх разных типов - ну это херь

Не знаю почему это все время за крутую фичу считают

А у меня в компонентах редко когда простыня бывает, поэтому и всё сразу вместе

повезло наверное

А у меня в компонентах редко когда простыня бывает, поэтому и всё сразу вместе

Стили + методы - уже два экрана. Я не люблю скролл :)

Я стили, конечно, тоже отдельно пишу Только отдельно от слова совсем - стили отдельно подключаются и не относятся к Vue Но js то зачем выносить

Ну сначала шаблон, потом скрипт, потом стили хоть в два экрана, они реже всего нужны

разбираюсь во vue router , на как 1 путь , передать 2 компонента ? или как эти 2 компонента обьединть в 1 отдельно , а потом этот ередать уже во vue router

?

Ниче не теряется. vue файл остаётся единой точкой входа в компонент. А писать простыню из трёх разных типов - ну это херь

Тогда компоненты не для тебя

Я стили, конечно, тоже отдельно пишу Только отдельно от слова совсем - стили отдельно подключаются и не относятся к Vue Но js то зачем выносить

Чтобы всякая хрень, типа того же преттира работала нормально

Тогда компоненты не для тебя

Как скажешь ?

Чтобы всякая хрень, типа того же преттира работала нормально

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

Не в том прикол

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

Сегодня нормально, а завтра нет :) выйдет новая хрень или я захочу редактор сменить.

Сегодня нормально, а завтра нет :) выйдет новая хрень или я захочу редактор сменить.

Ставить пакет prettier и pre-commit hook с вызовом преттиера

Задумка single-file-components как раз в самом названии А ты разбиваешь их на 3, и в чем смысл тогда? С таким же успехом можно юзать jsx

Ты же топишь за atomic

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

Иметь все при себе, а не брать откуда-то

Иметь все при себе, а не брать откуда-то

Ну при сборке он и станет самодостаточным

Ну при сборке он и станет самодостаточным

При сборке он станет кучей рендер функцией, как и при любом другом подходе)

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

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

Так он у меня и так самодостаточный :) При подключении компонента в другой компонент, я ссылаюсь только на 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#Композиция-компонентов

кто кто ?

роутер тебе может понадобится в этом случае если ты хочешь изменять урл в противном случае просто подключи маленькие компоненты в большой 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 ?

сек