https://cli.vuejs.org/guide/html-and-static-assets.html#static-assets-handling можно чуть подробнее прочитать

В computed никаких параметров передать нельзя — потому то к ним обращение как к свойствам. В методы можно, а там уже вызывайте геттер и передавайте ему параметр

понял, спс

Парни, есть задача, не понимаю, как решить: Есть в data параметр products = [] В products помещаются данные о: product.name, product.count, product.price Есть цикл в шаблоне: <div class="product" v-for="product in products"> {{product.amount}} </div> Но product.amount - это вычисляемое св-во, которое идет из product.price * product.count. Как применить computed св-во для каждой итерации v-for?

сделать computed свойство productsWithAmount

и добавлять туда amount

Доброй ночи

Срочный ?

Как сделать чтобы платформа выводила в чём конкретно ошибка шаблона

Сейчас он просто пишет что шаблон не скомпилирован

Как искать ошибки в html?

Александр, создайте функцию и передавайте в неё product

Ребят, сделал computed property и повесил на него watcher. Не работает. Но если сделать переменную в data, инициализировать ее в created, то тогда вотчер работает. Данные представляют из себя массив объектов, deep: true есть , не работает только в случае computed. В чем может быть причина, кроме как в моей ДНК?

Подскажите почему <router-view/> в темплейте вставяляет сам себя + дочерний комопнент? То есть получается так (Account)->(Account->Store) Вот роутер { path: '/account', name: 'Account', component: Account, children: [ { path: 'login', name: 'Login', component: AccountLogin }, { path: 'store', name: 'Store', component: AccountStore } ] }

Ребят, сделал computed property и повесил на него watcher. Не работает. Но если сделать переменную в data, инициализировать ее в created, то тогда вотчер работает. Данные представляют из себя массив объектов, deep: true есть , не работает только в случае computed. В чем может быть причина, кроме как в моей ДНК?

А если через vue.set менять изначальную коллекцию watch отрабатывает? Можешь проверить.

а я ее меняю через v-model, у меня там массив чекбоксов

но вообще была такая тема что массивы через set надо менять, но я же через v-model

хм

Подскажите почему <router-view/> в темплейте вставяляет сам себя + дочерний комопнент? То есть получается так (Account)->(Account->Store) Вот роутер { path: '/account', name: 'Account', component: Account, children: [ { path: 'login', name: 'Login', component: AccountLogin }, { path: 'store', name: 'Store', component: AccountStore } ] }

Родительский темплейт <template> <div> Main Template {<router-view/>} </div> </template> Чайлдовский темплейт <template> <div> Child Template </div> </template> Выводит на страницу Main Template {Main Template {Child Template}}

почему так?

Парни, еще один вопрос. Есть такой метод: selectProduct(product) { product.count = 1; this.products.push(product); } Он берет объект product, добавляет туда св-во count и закидывает в this.products. Есть другой метод: increment(index) { this.products[index].count++; } Он работает нормально, но он не реактивен. Т.е. если после инкремента сделать console.log(this.products), там будет видно, что count инкрементится, но в шаблоне он не отображается никак. В чем может быть проблема? Если сделать с тем же product.price инкремент в методе increment, то это сразу же отобразится в шаблоне. Как это работает?

Парни, еще один вопрос. Есть такой метод: selectProduct(product) { product.count = 1; this.products.push(product); } Он берет объект product, добавляет туда св-во count и закидывает в this.products. Есть другой метод: increment(index) { this.products[index].count++; } Он работает нормально, но он не реактивен. Т.е. если после инкремента сделать console.log(this.products), там будет видно, что count инкрементится, но в шаблоне он не отображается никак. В чем может быть проблема? Если сделать с тем же product.price инкремент в методе increment, то это сразу же отобразится в шаблоне. Как это работает?

https://ru.vuejs.org/v2/guide/list.html#%D0%9C%D0%B5%D1%82%D0%BE%D0%B4%D1%8B-%D0%B2%D0%BD%D0%B5%D1%81%D0%B5%D0%BD%D0%B8%D1%8F-%D0%B8%D0%B7%D0%BC%D0%B5%D0%BD%D0%B5%D0%BD%D0%B8%D0%B9

Такой вопрос. Читая документацию, я не до конца понял, как можно определить глобальные переменные для всего приложения? Мне надо определить палитру цветов в App.vue, а затем уже передать значения переменной в компоненты. Как это делать правильнее?

https://ru.vuejs.org/v2/guide/list.html#%D0%9C%D0%B5%D1%82%D0%BE%D0%B4%D1%8B-%D0%B2%D0%BD%D0%B5%D1%81%D0%B5%D0%BD%D0%B8%D1%8F-%D0%B8%D0%B7%D0%BC%D0%B5%D0%BD%D0%B5%D0%BD%D0%B8%D0%B9

Да, спасибо большое! Только не до конца понимаю. Vue.set(this.products, i, 5); заменит в products элемент с индексом 1 на 5. Как сделать, чтобы изменилось свойство объекта? Т.е. мне нужно не в this.products сделать изменение, а в объекте, лежащем в this.products

Такой вопрос. Читая документацию, я не до конца понял, как можно определить глобальные переменные для всего приложения? Мне надо определить палитру цветов в App.vue, а затем уже передать значения переменной в компоненты. Как это делать правильнее?

В чатике видел несколько вариантов Vuex Vue.prototype.variable..

Народ подскажите как лучше сделать: делают юзер реквест при инициализации приложения в хуке created. Но нужно проверить какой на этот момент роут. Как лучше сделать это по средствам vue? Не хочется трогать location. Перед запросом vue router показывает все время «/«, я так понимаю он не успевает инициализироваться на этот момент

Народ подскажите как лучше сделать: делают юзер реквест при инициализации приложения в хуке created. Но нужно проверить какой на этот момент роут. Как лучше сделать это по средствам vue? Не хочется трогать location. Перед запросом vue router показывает все время «/«, я так понимаю он не успевает инициализироваться на этот момент

а в mounted тоже будет /?

И ещё такой вопрос, чем отличается <button @click='show = !show'> от <button v-on:click='show = !show'>?

И ещё такой вопрос, чем отличается <button @click='show = !show'> от <button v-on:click='show = !show'>?

@click - это просто сахар

Понятно

а в mounted тоже будет /?

Да

Да

beforeRouteEnter ?, мб тут проверить, но делать там запрос чета зашквар какой-то

Ага и я так думаю...

Как-то странно, что там /. Может ты как-то не так урл вытаскиваешь?

Я его тащу в экшионе в vuex - перед запросом сделал console.log(router.currentRoute.name). Он мне возвращает null. Следом воткнул на таймауте тоже самое, там все ок

а я ее меняю через v-model, у меня там массив чекбоксов

На сколько мне известно, Вью отслеживает ссылки на объект. Если ты меняешь внутри массива, надо явно это говорить, так как сама ссылка на массив не меняется. А то что внутри происходит дело самого массива.

Так же отслеживаются манипуляции типо push

Да, спасибо большое! Только не до конца понимаю. Vue.set(this.products, i, 5); заменит в products элемент с индексом 1 на 5. Как сделать, чтобы изменилось свойство объекта? Т.е. мне нужно не в this.products сделать изменение, а в объекте, лежащем в this.products

Берешь элемент из списка, меняешь его, засовываешь обратно. Это нормально. Ты грубо говоря, берешь его по ссылке, изменил, а потом сказал, Вью, я в этом элементе что-то поменял, попробуй все перерисовать в этом участке. Если ты ещё при отрисовке выдал key на элементах рендера, обновится только твой элемент.

Подскажите, имеется 2 компонента (A и B) и некая переменная в стор При клике в А вызывается компонент B Но когда А закрывается, нужно в переменной поставить false, прописал в beforeDestroy данное присвоение и вот в компоненте В нужно этой переменной уже поставить true Условно: A: ` .... beforeDestroy(){ status = false} ... B: ` .... created(){ status = true} ... И вот created вызывается быстрее destroy

а вопрос в чем

https://alligator.io/vuejs/component-communication/

Делаешь статус реактивным

removeEvents - Docs | FullCalendar https://fullcalendar.io/docs/removeEvents

люди, вчера весь день пытался реализовать это

кто нибудь знает варианты без jquery?

подскажите

нашел ответ, вдруг кому то понадобится: this.$refs.calendar.fireMethod('removeEvents', eventId)

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

Секция components: { ComponentA, ComponentB }

спасибо

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

https://ru.vuejs.org/v2/guide/components-registration.html#%D0%9B%D0%BE%D0%BA%D0%B0%D0%BB%D1%8C%D0%BD%D0%B0%D1%8F-%D1%80%D0%B5%D0%B3%D0%B8%D1%81%D1%82%D1%80%D0%B0%D1%86%D0%B8%D1%8F

спасибо Алексей

import child from '';

и в components: { child, },

искал инфу в Вашей статье на медиум, не нашел :(

в разметке <child></child>

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

Ктото пользовал typescript для vue и что самое главное для vuex? Может ли store быть типизированым? Чтобы напрмиер была подсказка что передваться в dispatch и какой тип мне вернется в mapGetters или mapState?

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

@gearmobile ты же вроде шаришь? в чем подвох?)

сходи в vuex git

ERROR: S client not available

и посмотри есть ли tsd файлы там

или папка types

если есть - типы есть

Ребята, а как в js поставить проверку на NULL, который с Бэка может быть передан?

if (!data) ... ?

https://github.com/istrib/vuex-typescript/raw/master/doc/Intellisense.png

https://github.com/istrib/vuex-typescript

гуглится же все

если есть - типы есть

там будут типы именно к vuex, меня интересует вопрос типов в моем store. Например если у меня в store.items массив объектов класса Foo, будет ли это видно потом в mapState?

на этапе разработки - да

на этапе работы в браузере - уже нет, потомучто чистый JS не типизирован

на этапе работы в браузере - уже нет, потомучто чистый JS не типизирован

кэп?

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

if (!data) ... ?

js воспринимает как значение NULL переданный с БЭКА

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

чем это глупый вопрос про типизацию store?

волпрос был такое что если у меня state item имеет тип какойто будет ли он сохранятся при передаче его через mapGetters или mapSetters в компоненте

я не считаю этот вопрос глупым

и судя по репозиторию что ты скинул из коробки такого нет. Тем более тот репо не обновлялся уже полгода

а сам vuex за эти полгода обновлялся? ну так чтобы какие-то методы что наружу торчат менялись?

ну хз. В общем я так понимаю из коробки vuex типизацию не поддерживает

Посоны, прикручиваем vue-mdc-adapter. на клиенте работает всё ок, на ssr - падает с тупой ошибкой node_modules/vue-mdc-adapter/dist/textfield/index.js:11 import { RippleBase } from '../ripple'; ^ SyntaxError: Unexpected token { кто знает что делать? import-ы без скобок работают

волпрос был такое что если у меня state item имеет тип какойто будет ли он сохранятся при передаче его через mapGetters или mapSetters в компоненте

Сейчас нет, но pr уже есть.

Сейчас нет, но pr уже есть.

Спасибо

Всем привет, подскажите, кто-то использует vue-js-modal? Если да, то подскажите, как обновить данные которые были переданы через params?

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

{{ dannie || '-' }}

спасибо

Приветствую, столкнулся с проблемой реактивности. Описываю ситуацию: Есть модальные окна в которых находится таймеры, значение которых находится в объекте let timers = {1: 10, 2: 10, 3:10 }.. На страницу приходит сокет которые эти таймеры запускает , а то есть обновляет значение в объекте timers[1] = 9 .. 8 .. 7.. В самом модальном окне значение из объекта не меняется, там как и было 10, так и осталось, без $forceUpdate() это не работает вообще никак. Есть ли какое-то решение?.. Надеюсь достаточно подробно объяснил

Приветствую, столкнулся с проблемой реактивности. Описываю ситуацию: Есть модальные окна в которых находится таймеры, значение которых находится в объекте let timers = {1: 10, 2: 10, 3:10 }.. На страницу приходит сокет которые эти таймеры запускает , а то есть обновляет значение в объекте timers[1] = 9 .. 8 .. 7.. В самом модальном окне значение из объекта не меняется, там как и было 10, так и осталось, без $forceUpdate() это не работает вообще никак. Есть ли какое-то решение?.. Надеюсь достаточно подробно объяснил

https://ru.vuejs.org/v2/guide/list.html