Michael
кстаи, никто не запрещает несколько тегов делать во .vue
Michael
несколкьо скриптов, стилей...
Michael
я вот хитрую логику в тайпскрипт выношу, потом импортирую, а длинные неглобальные стили в срк отдельных тегов.
Kostya
Я просто с .vue компонентами понял как импортировать, с более расширенным вариантом не особо, у меня есть main.js и у каждого компонента свой index.js, мне нужен все их в app.vue заимпортить а потом уже в main.js вызвать new vue?
Kostya
По мне так проще и понятнее с .vue , но старший разработчик почему то сказал что нужно отдельно все
Kostya
:)
Алексей
несколкьо скриптов, стилей...
Несколько скриптов, вроде, нельзя вставить же?
Michael
у вью в том и сок, что логика и отображение разделены.
Danila
Пачаны
Michael
Несколько скриптов, вроде, нельзя вставить же?
если честно, не пробовал скрипты, т.к. тут хватает импорта. А теоритически можно если экспорт только в одном. Если нельзя, то это скоере намеренно сделано чтобы импортом делали
Илья
я склоняюсь к мысли оставить в *.vue шаблон и js, а стили выносить отдельно. профит в том, что стили можно будет юзать в проектах без vue.
Danila
У меня пет-проект, я делаю бесконечную ленту картинок с котиками. Из какого публичного апи лучше тянуть фотки с котиками? В ВК по запросам получается, что больше половины - это реклама шапок и варежек с ушами.
Kostya
Просто есть ли пример такого подхода? практически все примеры с vue где и шаблон и код со стилями в одном файле
Kostya
..
Алексей
Там какой с котами есть, прям Твой кейс
Алексей
Неудобно на самом деле
Danila
Где-то видел такую хрень. Погугли vue pwa tutorial
Populate views and bring application to life We are not yet connected to a backend server. We are going to use fake data as of now.
Алексей
И чиво?
Илья
Просто есть ли пример такого подхода? практически все примеры с vue где и шаблон и код со стилями в одном файле
ну это логично, vue-файлы для этого и придумали +) есть две причины разносить стили и шаблон: 1) (тупая) - я много лет работал в режиме "слева хтмл, справа цсс" в соседних вкладках, и так до сих пор и не привык, что для переключения надо не вкладки переключать, а вверх-вниз мотать. для мелких файлов не страшно, для больших удобнее имхо все-таки вкладками 2) как выше написал, стили можно будет отдельно инклудить в проекты, где не предполагается vue. вот у нас есть некий зоопарк, ща будем изобретать ливинг гайдс для него, но уже понятно, что есть большие куски, где шаблонизация так и останется на twig до второго пришествия, и там максимум можно переписать классы и заинклудить стили из общего репозитория
Danila
И чиво?
Таво, что там никакого АПИ не юзается
Danila
А мне бы хороший источник котиков :3
Danila
Ну ладно, по слову "мемас" хорошо ищет, будет лента мемасов
Алексей
Окей гугл апи источник котиков? :D
Kostya
ну это логично, vue-файлы для этого и придумали +) есть две причины разносить стили и шаблон: 1) (тупая) - я много лет работал в режиме "слева хтмл, справа цсс" в соседних вкладках, и так до сих пор и не привык, что для переключения надо не вкладки переключать, а вверх-вниз мотать. для мелких файлов не страшно, для больших удобнее имхо все-таки вкладками 2) как выше написал, стили можно будет отдельно инклудить в проекты, где не предполагается vue. вот у нас есть некий зоопарк, ща будем изобретать ливинг гайдс для него, но уже понятно, что есть большие куски, где шаблонизация так и останется на twig до второго пришествия, и там максимум можно переписать классы и заинклудить стили из общего репозитория
Хм вроде бы понял смысл, спасибо за ответ подробный) получается у меня будет один файл js который в итоге я соберу , и в этот файл я буду импортить js компонентов всех?
Илья
не, у меня не так. у меня файл *.vue: <template>тут шаблон</template> <script> import './my-com-styles.less' export default { // тут компонент } </script>
Michael
х
Илья
а стили зачем через js импортить?
ну вот я выше по топику написал )
Илья
я какбе не пропогандирую, просто @kostyatimoshuk спросил, можно ли так, я ответил что примерно так и делаю )
Michael
ну вот я выше по топику написал )
сеньор у них, может, предполагает кучу логики и большие уникальные шаблоны, что сделает запихивание всего в один файл не комильфо.
zinge 🐌
ребят киньте пример пжлст vue-resource patch знаю что использовать его не нужно
Илья
Илья
ну то есть его можно собрать из частей родного vue-loader
Илья
но я поленился например )
Michael
ну если задача в разнесении именно шаблона и js-части, то это надо видимо лоадер пилить
ничего страшного в оставлении всего трёх тегов с src в файле .вью не вижу)
Илья
хм, а так можно? ))
Michael
хм, а так можно? ))
точно можно. я делаль
Nurbakhyt
Обязательно ли писать мутации Vuex чистыми функциями?
Илья
Обязательно ли писать мутации Vuex чистыми функциями?
не то что необязательно, а даже таки невозможно )
Илья
мутации не возвращают стейт, а меняют тот, который передали внутрь
Илья
точно можно. я делаль
ВАУ! работает ))
Илья
круто
Илья
хз зачем, но буду знать )
Vyacheslav
архитектурный вопросец закрался
Vyacheslav
на сайте с десяток страниц
Vyacheslav
на трех есть динамика (vue)
Michael
хз зачем, но буду знать )
ну как зачем. Вот получился у тебя в файле .вью тег скрипт с содержимым на 200 строк, и как-то не делится чтобы импорты делать, а там еще стили и все такое...
Michael
как-то в такой куче оставлять буэ
Vyacheslav
делать общий компонент для них или отдельно и свичится между ними в зависимости от страницы?
Michael
так же с остальными
Vyacheslav
switch (page) { case 'main': window.main = new Vue({ el: '#app', components: { Lot, Stats, Sorting },
Vyacheslav
case 'lot': window.lot = new Vue({ el: '#lot', data: function () { return {
Michael
делать общий компонент для них или отдельно и свичится между ними в зависимости от страницы?
вью роутер хочешь? Тогда лучше его. Кстати, никто не отменял наследование. ит депендс
Michael
не надо так...
Michael
спрячь, развидь
Michael
зайди в доку и посмотри ка надо
Michael
там стайлгайд есть даже
Michael
но там тонкости
Vyacheslav
ну а без роутера можно? я просто хотел что бы был типа общий стор
Vyacheslav
так как страницы не сильно отличаются
Michael
да зачем без роутера
Nurbakhyt
не то что необязательно, а даже таки невозможно )
Ой туплю.. После мутации не ререндерится. Что то не так делаю
Vyacheslav
на одной каталог товаров на другой 1 товар
Michael
он как раз эти вопросы реашет
Michael
красиво и оч мило
Michael
так как страницы не сильно отличаются
так сделай компонент подинамичнее и лазь в this.$router или типа того
Michael
и в зависимости от этого реактивно подрисовывай
Michael
это уже в доки к роутеру
Michael
он милый. это те не реакт роутер динамичный сложный
Илья
а стили зачем через js импортить?
о, теперь я понял смысл этой реплики - реально же можно импортить через <style src="..."> 🙂 так js почище будет, да
Vyacheslav
так а зачем мне роуте если у меня нет хождения по компонентам без перезагрузки страницы