Да не, у меня не товары и их не много, так что все на клиенте можно реализовать. Знаю как сделать на реакте, но решил сначала спросить у гуру

компьютед проперти

https://www.crowdcast.io/e/vue

А я тут уже функцию рекурсивную написал которая проверяет свойства всех вложенных объектов лол

абстрагируйся, уже ж давно все написано https://ramdajs.com/docs/#clone

Всем привет, испольлюзую дерективу v-for (item in items) как мне прокинуть пропcом item? cпасибо

Всем привет, испольлюзую дерективу v-for (item in items) как мне прокинуть пропcом item? cпасибо

:propName=’item’

:propName=’item’

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

Сорри, "ненавязчивые" кнопки репостов..

Хех)

Нужно реализовать на странице spa N-ое кол-во компонентов зависимых от роута, т.е. типа много route-view. Как можно подобное реализовать?

Нужно реализовать на странице spa N-ое кол-во компонентов зависимых от роута, т.е. типа много route-view. Как можно подобное реализовать?

А чем не устраивает такой подход?

На каждый router-view свой компонент: pages/index.vue, pages/about.vue А внутри этих компонентов уже остальные компоненты без ограничений.

Суть задачи в том что имеентся множество окон сразу отображенных, и я должен между ними переключаться, при этом сразу меняя route Может быть множество одинаковых компонентов, просто с разными данными

Всем привет! Подскажите, пожалуйста, плагин для добавления масок input'ам, чтоб без jquery)

https://www.npmjs.com/package/vue-imask

Суть задачи в том что имеентся множество окон сразу отображенных, и я должен между ними переключаться, при этом сразу меняя route Может быть множество одинаковых компонентов, просто с разными данными

А как происходит "переключение" между ними?

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

кучу окон точнее

подскажите, есть laravel, большая форма с данными (около 100 полей), и в форме еще загрузка файла, как передать axiosом на сервер, чтобы не потерять структура объекта формы, для дальнешей серверной валидации (может есть ссылка на туториал, пример)

Перерабатываем приложение, переводим его на Vue.js. После разбивки на однофайловые компоненты начали использовать Vuex и возник вопрос - вся прелесть Vue для меня в реактивности данных. Но Vuex требует использования мутаций, а не прямого изменения данных в Vuex. Как быть? Пример - в компоненте есть поле chekbox как сделать чтобы данные в него выводились из Vuex и менялись в Vuex? Т.е. была реактивность? Сделал так - в компоненте вел переменную tmp которая при инициализации в data() получает значение из Vuex объекта state и связывается с chekbox'ом через v-model. А при событии изменения вызывается метод который изменяет объект Vuex в зависимости от состояния этой временной переменной. <input type="checkbox" change ="changePrintTwoActs" v-model="tmpActsPrintPages"> data() { return { tmpActsPrintPages: this.$store.state.app.actsPrintPages==2 ? true : false } }, methods: { changePrintTwoActs : function () { this.$store.state.app.actsPrintPages = this.tmpActsPrintPages ? 2 : 1; .... Мне кажется что это костыль. Как более правильно пользоваться реактивностью Vue при использовании Vuex?

Вообще не обязательно совсем всё кидать на Vuex, часть данных может оставаться локальной

Реактивность в общем-то никуда не девается. Всё ещё при изменении данных реактивно меняется и интерфейс. А действия на интерфейсе влияют на данные. Единственное, что потерялось - это v-model в его простом видею

Как альтернатива тому, что сделано сейчас, можно предложить использовать вычисляемое свойство в checkbox с get set

Реактивность в общем-то никуда не девается. Всё ещё при изменении данных реактивно меняется и интерфейс. А действия на интерфейсе влияют на данные. Единственное, что потерялось - это v-model в его простом видею

в приведенном коде получается что мы работаем просто с переменной message а в зависимости от того что происходит (запрос или запись данных) "код" сам выбирает использовать get или set?

в приведенном коде получается что мы работаем просто с переменной message а в зависимости от того что происходит (запрос или запись данных) "код" сам выбирает использовать get или set?

Да, и это даже не фишка vue

А js, кажется, с es5

Да, и это даже не фишка vue

все таки уточню (слишком решение нравиться - боюсь спугнуть:) т.е. я 1 создаю таки промежуточное свойство computed (локальное в компоненте) 2 делаю set b get для него и обращаюсь в template в v-module просто по названию свойства (без set) ???

все таки уточню (слишком решение нравиться - боюсь спугнуть:) т.е. я 1 создаю таки промежуточное свойство computed (локальное в компоненте) 2 делаю set b get для него и обращаюсь в template в v-module просто по названию свойства (без set) ???

Как один из вариантов, да. Другой вариант - делать, как вы делаете. Единственное, если записи короткие, можно сразу в шаблоне писать

Только у вас есть ещё косяк, или мне показалось

data() { return { tmpActsPrintPages: this.$store.state.app.actsPrintPages==2 ? true : false } }, Вам ведь понятно, что вот тут уже нет реактивности?

tmpActsPrintPages - будет посчитан в зависимости от vuex 1 раз при инициализации и всё. Если state.app.actsPrintPages изменится за пределами этого элемента, то на tmpActsPrintPages это не повлияет

tmpActsPrintPages - будет посчитан в зависимости от vuex 1 раз при инициализации и всё. Если state.app.actsPrintPages изменится за пределами этого элемента, то на tmpActsPrintPages это не повлияет

ну да - при инициализации он один раз считывает и выводит, а при изменении он в методе делает запись

ну да - при инициализации он один раз считывает и выводит, а при изменении он в методе делает запись

methods: { changePrintTwoActs : function () { this.$store.state.app.actsPrintPages = this.tmpActsPrintPages ? 2 : 1;

methods: { changePrintTwoActs : function () { this.$store.state.app.actsPrintPages = this.tmpActsPrintPages ? 2 : 1;

Это будет только, если вы будете менять состояние, кликая по чекбоксу. А если состояние изменится снаружи, то никакой реактивности не будет

Это будет только, если вы будете менять состояние, кликая по чекбоксу. А если состояние изменится снаружи, то никакой реактивности не будет

гм. не подумал про это (задача узко стоит, да и опыта....) мне ваше решение нравиться - красиво очень выглядит

ну да - при инициализации он один раз считывает и выводит, а при изменении он в методе делает запись

Ну вот это как раз плохо. Изменение состояния не приведёт к изменению переменной. Как можно было сделать: в v-model либо указать геттер из vuex или вычисляемое changePrintTwoActs, которое будет возвращать состояние. Ну либо с get set

гм. не подумал про это (задача узко стоит, да и опыта....) мне ваше решение нравиться - красиво очень выглядит

Я ничего не придумал, фотка из документации из раздела "Form handing" :)

https://vuex.vuejs.org/guide/forms.html

Я ничего не придумал, фотка из документации из раздела "Form handing" :)

спасибо огромное! для меня то вы - источник информации:) Я бы не нашел потому что корректно сформулировать поиск не смог

Всем привет, ребят, нужен совет опытного фронтендера, работаю в связке Symfony + Webpack + Vue 2, трабла в том, что ен могу подключить сам Vue через npm, в ассетах подключал вот так: var Vue = require ('Vue'); но такого объекта не находило, когда я уже в самом проекте его использовал...

methods: { changePrintTwoActs : function () { this.$store.state.app.actsPrintPages = this.tmpActsPrintPages ? 2 : 1;

В обход мутаций меняете Стейт?

спасибо огромное! для меня то вы - источник информации:) Я бы не нашел потому что корректно сформулировать поиск не смог

У Vuex довольно маленькая документация, можно сначала просто прочитать всю от начала до конца)

В обход мутаций меняете Стейт?

пока да ? - хотел с реактивностью сначало разобраться сейчас руку набиваю и вроде уже осознал зачем мутации нужны и активности (это кстати только когда нужно несколько свойств менять осознаешь - сразу виден становится дублирующий код

Они не из-за дублирования кода нужны

У Vuex довольно маленькая документация, можно сначала просто прочитать всю от начала до конца)

Vue перечитал пару раз и понял что нужно все таки кодить. Поэтому по vuex честно говоря прошелся по верхам. Исправлюсь!

Они не из-за дублирования кода нужны

в трех словах поясните или ссылку?:)

В трёх словах: в этом смысл vuex

Всем привет, ребят, нужен совет опытного фронтендера, работаю в связке Symfony + Webpack + Vue 2, трабла в том, что ен могу подключить сам Vue через npm, в ассетах подключал вот так: var Vue = require ('Vue'); но такого объекта не находило, когда я уже в самом проекте его использовал...

В трёх словах: в этом смысл vuex

контроль и прозрачность изменения данных?

контроль и прозрачность изменения данных?

Если везде напрямую использовать просто переменную state, то чем это было бы лучше, чем просто везде указать один и тот же объект в качестве data и паритсья на много меньше?

В store добавьте strict: true, может стать весело)

Если везде напрямую использовать просто переменную state, то чем это было бы лучше, чем просто везде указать один и тот же объект в качестве data и паритсья на много меньше?

я понимаю что еще мало слишком знаю :) думаю это еще связано с тем что компоненты должны быть максимально малосвязаны

В общем-то всё аналогично использованию геттеров и сеттеров в любом ооп языке

в трех словах поясните или ссылку?:)

Смотри дев тул. По-моему если в обход мутаций то там тупа ничего не видно. Раньше вроде в консоль материлось что с ним это делать нельзя.

Смотри дев тул. По-моему если в обход мутаций то там тупа ничего не видно. Раньше вроде в консоль материлось что с ним это делать нельзя.

Если strict: true поставить, то ошибки полетят

Всем привет, ребят, нужен совет опытного фронтендера, работаю в связке Symfony + Webpack + Vue 2, трабла в том, что ен могу подключить сам Vue через npm, в ассетах подключал вот так: var Vue = require ('Vue'); но такого объекта не находило, когда я уже в самом проекте его использовал...

ребятаа, алее

хелп

Если strict: true поставить, то ошибки полетят

Хм. А оно разве не по дефолту? Просто когда не делаешь что не нужно и не видишь что оно там может орать)))

ERROR: S client not available

Vue перечитал пару раз и понял что нужно все таки кодить. Поэтому по vuex честно говоря прошелся по верхам. Исправлюсь!

У Vuex документация сильно меньше, чем vue. За час-два можно внимательно прочитать весь guide от корки до корки

Хм. А оно разве не по дефолту? Просто когда не делаешь что не нужно и не видишь что оно там может орать)))

Нет, строгий режим у vuex требует больших затрат ресурсов и его не импользуют в продашине (а ещё бы не падать в продакшине)

У Vuex документация сильно меньше, чем vue. За час-два можно внимательно прочитать весь guide от корки до корки

? пойду читать...

Всем привет, ребят, нужен совет опытного фронтендера, работаю в связке Symfony + Webpack + Vue 2, трабла в том, что ен могу подключить сам Vue через npm, в ассетах подключал вот так: var Vue = require ('Vue'); но такого объекта не находило, когда я уже в самом проекте его использовал...

Такой глупый вопрос

Как из vue-resource импортнуть отдельно resource ?

я вот про это

https://github.com/pagekit/vue-resource/blob/develop/src/resource.js

или оно так работать не будет?

Как из vue-resource импортнуть отдельно resource ?

import Axios from 'axios'; ?

Как из vue-resource импортнуть отдельно resource ?

Import resource from ‘vue-resource/src/resource.js’ но оно вам не нужно скорее всего

Import resource from ‘vue-resource/src/resource.js’ но оно вам не нужно скорее всего

спасибо

Другой глупый вопрос. Если я в разных файлах делаю, например import vue from 'vue' Как вебпак соберет его? он для каждого import vue будет подгружать 1 раз или по итогу будет куча много раз подгруженных vue?

Другой глупый вопрос. Если я в разных файлах делаю, например import vue from 'vue' Как вебпак соберет его? он для каждого import vue будет подгружать 1 раз или по итогу будет куча много раз подгруженных vue?

vendor.js он вроде бандл будет делать в вашем случае

vendor.js он вроде бандл будет делать в вашем случае

тоесть, как я вас понял, можно не беспокоится по этому поводу. Спасибо!

тоесть, как я вас понял, можно не беспокоится по этому поводу. Спасибо!

лучше конечно посмотреть конфиг, в ларавел в конфиге было vendor бандл делать настройка плять Йода-Мастер я писать )))

vendor.js он вроде бандл будет делать в вашем случае

Не будет, если явно не сказано, что именно это надо выносить в вендор

Другой глупый вопрос. Если я в разных файлах делаю, например import vue from 'vue' Как вебпак соберет его? он для каждого import vue будет подгружать 1 раз или по итогу будет куча много раз подгруженных vue?

1 раз

Не будет, если явно не сказано, что именно это надо выносить в вендор

ну где это сказать есть кароче место ))

Всем привет, ребят, нужен совет опытного фронтендера, работаю в связке Symfony + Webpack + Vue 2, трабла в том, что ен могу подключить сам Vue через npm, в ассетах подключал вот так: var Vue = require ('Vue'); но такого объекта не находило, когда я уже в самом проекте его использовал...

https://github.com/vuejs-templates/webpack/issues/215#issuecomment-238095102

Хотел задать вопрос по правильности организации кода: Как правильно называть методы компонента? Если с миксином всё понятно: $_NameMixin_NameMethod То с методами родителя не всё очевидно

https://github.com/vuejs-templates/webpack/issues/215#issuecomment-238095102

оо, спасмибо, попробую)

Народ - как настроить оверлей (вебпак наверн) для отображения ошибок линтера на сайте?

Народ - как настроить оверлей (вебпак наверн) для отображения ошибок линтера на сайте?

По идее проект не должен собираться если есть ошибки

По идее проект не должен собираться если есть ошибки

Используется vue cli 3. При ошибках линтера они есть в консоле и все.

И это не варнинги - это именно ошибки

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

что-то с параметрами может не так?

покажи код