<input v-model="price"> и далее data() { price: 1 }

там объявлен массив

просто пропустил return

там объявлен массив

Ну так и верни из data масисв

return { amounts: [1, 2, 3] }

массив пустой, туда ставится индекс при v-for

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

откуда данные приходят?

кто наполняет массив?

http://joxi.ru/E2peD9VfB1NMoA

сначала выбираем категорию 1, потом товар 2 , он падает в корзину

3

сначала выбираем категорию 1, потом товар 2 , он падает в корзину

ну вот в этот момент this.amounts.push(1)

в корзине 3 я пытаюсь количество выставить по-умолчанию =1

ну вот в этот момент this.amounts.push(1)

спасибо огромное-сработало

Начнем с простого вопроса: почему amount отдельно?

Почему не item.amount?

таварищи, подскажите пожалуйста, а где обычно принято хранить общие константы?

таварищи, подскажите пожалуйста, а где обычно принято хранить общие константы?

В отдельном js модуле?

да я вот сперва спросил, а потом сделал. спасибо :) /me будет считать до десяти перед задаванием вопроса

Всем привет. У меня есть стандартный проект на php. Хочу перенести фронтенд, всю генерацию html на js. И использовать для этого vue js; Пользуюсь phpStorm`om. Есть ли какие либо плагины, или storm как нибудь настроить так, чтоб при сохраннении файла компонента, проект автоматически сам собирался и создавал собранный js файл?

Тебе нужно просто настроить вебпак или Галп. Они смотрят если файл изменился, не важно кто инициатор, даже блокнот, тогда он пересобирает бандл

/me

Тебе нужно просто настроить вебпак или Галп. Они смотрят если файл изменился, не важно кто инициатор, даже блокнот, тогда он пересобирает бандл

Спс. Изучил Вебпак, и все настроил )

Спс. Изучил Вебпак, и все настроил )

Быстро же ты изучил вебпак)

Быстро же ты изучил вебпак)

Информации полно ))

В интернете

Скринкаст от learn.javascript.com помог быстро вникнуть в тему. А там дальше документация хорошая

Информации полно ))

Та я за то, что там много учить чтобы знать вебпак)

Та я за то, что там много учить чтобы знать вебпак)

Ну для начало разработки хватает ))

Дальше больше )

Скринкаст от learn.javascript.com помог быстро вникнуть в тему. А там дальше документация хорошая

https://learn.javascript.ru/

/me

/me

Как работать с транзишнами во Вью роутере ? В документации роутер-вью оборачивали в компонент транзишн с именем анимации и все. Но у меня при переходе на другой Вью компонент - анимации нет. А вот если роутер-вью компоненту поставить атрибут v-if, и переключать его значение, тогда анимация есть. Что я делаю не так ?

Погугли параметр appear для тега transition в доке, может быть он тебе нужен

Погугли параметр appear для тега transition в доке, может быть он тебе нужен

При первой загрузки роутера анимация есть, а при переходах по компонентам нет

После того как поставил этот атрибут

<transition appear mode="out-in">

вот так думаю заработает)

тут подробнее https://ru.vuejs.org/v2/guide/transitions.html#Режимы-переходов

можно in-out, можно out-in смотря как тебе надо

други, у вас под рукой нет datepicker'а с возможностью вводить руками дату в инпут, а не только на календаре выбирать?

ну и не забыть про анимации в css

// &.v-enter-active // &.v-leave-active // transition transitionDefault // &.v-enter // &.v-leave-to // opacity: 0

<transition appear mode="out-in">

У меня уже указан этот мод)

вот классы

Сек

Такое чувство что меняется не сам роутер-вью компонент, а его контент, и поэтому анимация не срабатывает

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

veu devtools для Хрома должны тебе помочь понять, что там на самом деле меняется

vue*

Отслеживай изменился ли route

Отслеживай изменился ли route

Помогло. Спасибо)

Помогло. Спасибо)

А можно юзать напрямую классы из animate.css, или нужно их наследовать и делать свои классы под вью ?

Нашел порт либы под вью)

теоретически можно задать transition name такой же как и классы в animate.css и получить результат, но я бы задавал анимации из animate.css для стандартных классов перехода

теоретически можно задать transition name такой же как и классы в animate.css и получить результат, но я бы задавал анимации из animate.css для стандартных классов перехода

Есть пакет vue2-animate )

пакет это, конечно, круто. но я предпочитаю поменьше их тянуть и если нужна конкретная анимация — просто скопировать её код)

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

Ребята, а подскажите пожалуйста, как правильно организовать такую вот струтуру: у меня есть родитльский роут и его дети. В компоненте родительского роута по-умолчанию рендерится первый потомок

routes: [ { path: '/', name: 'Intro', component: Intro }, { path: '/home', name: 'Home', component: Home }, { path: '/test', name: 'Test', component: Test, children: [ { path: '', name: 'Step0', component: Step0 }, { path: 'step1', name: 'Step1', component: Step1 }, { path: 'step2', name: 'Step2', component: Step2 }, { path: 'step3', name: 'Step3', component: Step3 }, { path: 'step4', name: 'Step4', component: Step4 }, ] },

А вьюха мне вот что пишет: [vue-router] Named Route 'Test' has a default child route. When navigating to this named route (:to="{name: 'Test'"), the default child route will not be rendered. Remove the name from this route and use the name of the default child route for named links instead.

Какой best-practice для таких случаев?

Компонент Test у меня как обертка с навигацией для компонентов step0, step1 etc.

Всем привет, есть у кого-то опыть тестирования vue, в частности vuex ? У меня, нy очень странная ошбика появляется. Когда тестирую просто js файлы или компоненты vue, все ок. Но как только импортирую vuex модуль или отедльно state/getter/mutation. У меня сразу появляется ошибка SyntaxError: Unexpected token <. не могу понять в чем проблема, нужны ккакие-то особые танцы с бубнами чтобы тестирова vuex ? Причем, модули это же по сути обычные объекты, втф.

getters - обязательное условие, чтобы они что-то возвращали, или не обязательно? допустим, getter только отслеживает изменения в переменных и генерирует событие при выполнении условия; но ничего не возвращает

getter создан, что бы возвращать значения из store, для отслеживания изменений в store попробуй использовать computed preoperties и watch в компонентах

getter создан, что бы возвращать значения из store, для отслеживания изменений в store попробуй использовать computed preoperties и watch в компонентах

у меня все делается в store

а покажи как? даже интересно стало

getters - обязательное условие, чтобы они что-то возвращали, или не обязательно? допустим, getter только отслеживает изменения в переменных и генерирует событие при выполнении условия; но ничего не возвращает

Обязательное

ну вот так у меня сейчас

а покажи как? даже интересно стало

Плюсую.

хм, emit прямо в геттере. ну хз, работает и ладно) спасибо

хм, emit прямо в геттере. ну хз, работает и ладно) спасибо

"emit прямо в геттере" - почему бы нет? ))

хотя да - выглядит как-то не тру - согласен ))

просто у меня сейчас управление модального окна - только из store хотел перевесить управление на общую шину EventBus, чтобы сделать более универсальным все переделывать придется - неохота ))

))

@hiperteksto, Никогда не думал о том, чтобы усечь себе руки?

@hiperteksto, Никогда не думал о том, чтобы усечь себе руки?

нет - голова и руки - это единственная моя радость в моей жизни ))

просто у меня сейчас управление модального окна - только из store хотел перевесить управление на общую шину EventBus, чтобы сделать более универсальным все переделывать придется - неохота ))

Почему локально в компоненте не юзать модалку?