@vuejs_ru - страница 1592 - Telegram web archive

Иван

Линки теперь кликабельные, спасибо @kohone

🅅aleriy

actions в vuex

экшины это немного не то, это больше аналог redux-thunk

🅅aleriy

в больших же приложениях редко когда можно отделаться цепочками из Promise

🅅aleriy

это не наглядно и сложно поддерживаемо

Kirill

Цеполчаки

Kirill

Оч крутое слово

Иван

Ну кстати да, я тоже хз

Иван

У нас в сагах большая часть логики лежит и я хз как её на вью перенести можно нормально

🅅aleriy

нашел два аналога https://github.com/BosNaufal/vuex-saga https://github.com/xanf/vuex-redux-saga

🅅aleriy

ни одного из них нет в списке awesome-vue

🅅aleriy

соответственно хотелось бы отзывов услышать

Женя

может кто нибудь обьяснить

Женя

что имеется ввиду под dom шаблоном, это ведь шаблон компонента

Женя

?

🅅aleriy

DOM шаблоны это когда <template>...</template>

Kirill

что имеется ввиду под dom шаблоном, это ведь шаблон компонента

Если не используешь вебпак и .vue файлы

🅅aleriy

строковые это когда template: `<MyComponent>...</MyComponent>`

Женя

аа) тоесть в .vue файлах лучше замозакрывающийся писать

🅅aleriy

самозакрывающиеся они не рекомендуют из-за того, что не все браузеры это понимают

Kirill

аа) тоесть в .vue файлах лучше замозакрывающийся писать

Там можно по разному, в вот в скриптах закрывающийся не переварит браузер

Женя

ну у меня однофайловые компоненты .vue, у них в темплейте лучше самозакрываюищиеся писать?

🅅aleriy

хотя вот у меня ни разу не было ситуации пока чтобы самозакрывающийся тег не воспринимался :))

Kirill

хотя вот у меня ни разу не было ситуации пока чтобы самозакрывающийся тег не воспринимался :))

У меня была

Kirill

ну у меня однофайловые компоненты .vue, у них в темплейте лучше самозакрываюищиеся писать?

Да

Женя

спасибо большое

Kirill

хотя вот у меня ни разу не было ситуации пока чтобы самозакрывающийся тег не воспринимался :))

Я делал <script type="x-template"> и указывал айди

Kirill

В компоненте

🅅aleriy

а кто-нибудь пользовался этими DOM-шаблонами вообще?

🅅aleriy

что за кейс? для чего вообще?

🅅aleriy

у нас девочка будет переделывать скоро лендинг, там html + jquery подозреваю. что ей как раз придется столкнуться с этим

🅅aleriy

добавляя vue форму в лендос

Максим

а кто-нибудь пользовался этими DOM-шаблонами вообще?

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

Максим

туда закидываешь шаблон, по аналогии с vue файлами, по сути то же самое

Bohdan

тоже пользовался для таких же целей (сложные формы)

🅅aleriy

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

ну вот как раз наш случай, когда нет возможности прикручивать в существующую CMS webpack и прочие радости

🅅aleriy

и когда jquery уже просто утомил

Bohdan

в другом месте я сделал отдельное приложение, собранное через вебпак а на нужной странице добавил результат сборки (js и css файлы) и див с соответствующим id

🅅aleriy

в принципе как вариант можно сгенерить статику через nuxt

Bohdan

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

Иван

в другом месте я сделал отдельное приложение, собранное через вебпак а на нужной странице добавил результат сборки (js и css файлы) и див с соответствующим id

Я так делаю, хорошо получается

Bohdan

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

Bohdan

у меня просто костыли там есть, потому приходится запариться)

Женя

Почитав рекомендации капец дофига пришлось исправить в проекте))

Максим

и каждую неделю добавляются новые рекомендации)

xored

Подскажите пожалуйста, как лучше реализовать, я чего то застрял. Допустим есть <div> в котором я хочу по клику на пункты меню показывать нужные компоненты. Как это лучше сделать? Можно это сделать через <div is="...."> ?

Женя

Наверное лучше добавить булевые свойства в дату, и менять их по клику, и те элементы которые ты хочешь прятать или отображать через v-if="здесь твое булевое свойство"

Женя

Если я тебя правильно понял

xored

Наверное лучше добавить булевые свойства в дату, и менять их по клику, и те элементы которые ты хочешь прятать или отображать через v-if="здесь твое булевое свойство"

Я просто хотел чтобы у меня по клику на элементы сайд бара, а их там штук 7-8 оторажались в div справа разные формы, относящиеся к этим элементам меню. То есть для каждого элемента делать булевское свойство? кажется как то громоздко. Наверное это можно как то с помощью роутера сделать, но роутер у меня используется для глобальное навигации..

🅅aleriy

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

🅅aleriy

а то все мои знакомые фигачат компоненты в виде объектов как в доке написано

🅅aleriy

но мне объекты кажутся менее читаемыми чем классы

Женя

Я такой хотел подход хотел использовать

Женя

из-за наследования

Alexandr

как в реакте

Женя

Да

🅅aleriy

ну вот я и на реакте пишу и на vue

Женя

Я просто на работе на реакте пишу

Alexandr

только как в компании так писать, где все пишут как в доке

🅅aleriy

vue во многих моментах мне нравится побольше даже, но очень уж я против всяких nextTick

Женя

Дело вкуса, мне кажется здесь минус только в том что это не по стандарту(не как все тоесть)

Илья

Подскажите пожалуйста, как лучше реализовать, я чего то застрял. Допустим есть <div> в котором я хочу по клику на пункты меню показывать нужные компоненты. Как это лучше сделать? Можно это сделать через <div is="...."> ?

Viktor

Всём привет, кто нибудь делал transition внутри дочернего компонента, если просто его писать - не работает ?

🅅aleriy

Всём привет, кто нибудь делал transition внутри дочернего компонента, если просто его писать - не работает ?

покажи код

🅅aleriy

скорее всего параметры неверно заданы

🅅aleriy

есть же <transition> а есть «transition-group>

Viktor

Ок, сейчас скину

xored

О, спасибо! То что надо :)

Bohdan

Господа, а какой цымес во вьюексе методы через констансты обьявлять?

Viktor

скорее всего параметры неверно заданы

App.vue <template> <div id="app"> <router-view class="view"></router-view> </div> </template> Index.vue <template> <header-component></header-component> <transition name="fade" mode="out-in"> <div class="content" id="content"> <content-component :content="content"></content-component> <div class="buffer"></div> </div> </transition> <footer-component></footer-component> </template> <style> .fade-enter-active, .fade-leave-active { transition: all 0.4s ease; } .fade-enter, .fade-leave-active { opacity: 0; } </style>

Alex

проще добавить ESLint с правилами для вью файлов. Быстро найдет что не соответствует стайл гайду, а часть из этого даже уже автоматически исправить может

🅅aleriy

Господа, а какой цымес во вьюексе методы через констансты обьявлять?

linter-ы и IDE чтобы видели ошибки

🅅aleriy

App.vue <template> <div id="app"> <router-view class="view"></router-view> </div> </template> Index.vue <template> <header-component></header-component> <transition name="fade" mode="out-in"> <div class="content" id="content"> <content-component :content="content"></content-component> <div class="buffer"></div> </div> </transition> <footer-component></footer-component> </template> <style> .fade-enter-active, .fade-leave-active { transition: all 0.4s ease; } .fade-enter, .fade-leave-active { opacity: 0; } </style>

попробуй добавь свойство appear в транзишин

🅅aleriy

.fade-enter, .fade-leave-to { opacity: 0; }

Bohdan

linter-ы и IDE чтобы видели ошибки

хм ... типа что модна промазать и сделать опечатку например this.$store.dispatch('authLogon') ?

🅅aleriy