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

https://github.com/kazupon/vue-i18n ?

да

не могу догнать зачем нужен ивентбасс когда есть вуекс. или форма которая редактируется через модалку с ним (вексом) не связана?

не могу догнать зачем нужен ивентбасс когда есть вуекс. или форма которая редактируется через модалку с ним (вексом) не связана?

смотри, на странице компонент <form></form>, внизу в футере <modal><modal-1></modal-1><modal-2></modal-2></modal> (наименования для примера). т.е. вместе связаны по принципу parent/child только модальное окно и его подкомпоненты. когда жму на кнопку save в подкомпоненте, данные летят на сервер + идет каст эвента this.$emit('save');, который ловится в модалке v-on:save="saveResumeHandle" и уже по saveResumeHandle в компоненте modal this.closeModal(); this.$bus.$emit('saved-resume', {}); и тогда уже в отдельностоящем компоненте <form> this.$bus.$on('saved-resume', ($event) => { //update resume} как через vuex кастовать эвенты между не взаимосвязанными компонентами? вчера весь день пробовал велосипедами через store, но остановился на bus

не могу догнать зачем нужен ивентбасс когда есть вуекс. или форма которая редактируется через модалку с ним (вексом) не связана?

А как у тебя компоненты будут общаться?

А как у тебя компоненты будут общаться?

через вуекс?)

Ну например ты хочешь компоненту сказать что в каком то компоненте произошёл blur. И как ты это сделаешь?

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

Но в примере вроде бы обновление данных как раз а не что-то около нативное что нет смысла выносить в стор

Ну например ты хочешь компоненту сказать что в каком то компоненте произошёл blur. И как ты это сделаешь?

state : { ... is_blur : false, } mutations : { enableBlur () { this.is_blur = true; } } в компоненте mapState и т.п.) другое дело, что это может быть не нужно для блюра конкретно, нет смысла его хранить в сторе. но говорить, что так нельзя сделать, было бы не очень корректно :)

Но в примере вроде бы обновление данных как раз а не что-то около нативное что нет смысла выносить в стор

так я сначала и сделал через store const store = new Vuex.Store({ state: { modal_type: '', modal_header: '', modal_saved: '', flow_request: {}, flow_data: {}, flow_headers: {}, }, mutations: { flow (state, data) { state.flow_data = data }, headers (state, data) { state.flow_headers = data }, saved (state, data) { state.modal_saved = data } } }); только это ппц тупо получилось. передавать параметром saved = 1 + data параметры на каждый из подкомпонентов (их больше 10) и в формах ловить... даже хуже, чем через bus. хоть каши нет

привет всем как обойти Mismatching childNodes vs. VNodes ?

допустим с формой коммента использую типа isLogin true/false

форма коммента / текст в параграфе

столкнулся только в SSR

ussr?

:D

Есть компонент, которые отвечает за изменение полей в объекте startObject. porps:{ startObject:Object }. Объект меняется не только напрямую из input (при помощи v-model="startObject.prop1", некоторыми методами) как в родительском компоненте отследить, что startObject изменился?

Эмитить новый объект, например

я делаю watch :{ startObject(value){ this.$emit('edited',startObject);}} Но watch Не отрабатывает

deep: true попробуй

но хз

странное решение априори

Оно не отрабатывает потому что у тебя объект в пропсах

привет всем! можно ли в vue-router указать как-то тип параметра в маршруте? я принимаю в маршруте :id, и передаю его как prop в компонент, но компонент ругается на то, что ему передали строку вместо числа.

А они меняться не должны

Копируй в data

А они меняться не должны

не должны, но почему-то родительский компонент видит изменения( one-way data flow не работает)

пытался сделать так : data(){ return { obj : this.startObject }} watch:{ obj(value){ console.log(value) } }

Детали реализации

Я вот хз, можно ли в функции дата использовать пропсы

Я вот хз, можно ли в функции дата использовать пропсы

ну объект копируется нормально

Ага

точнее создается указатель

Там надо делать obj: {...this.startObject} скорее

и даже если сделать obj: Vue.util.extend({},this.startObject)

и даже если сделать obj: Vue.util.extend({},this.startObject)

в таком случае внутренний объект изменяется, внешние данные нет, но вотчер не отрабатывает

А ты как значения объекта меняешь?

Vue.set используешь?

либо Vue.set либо v-model на инпутах

Попробуй минимальный пример набросать где-нить онлайн

Всем привет! Кто нибудь реализрвываол прелоудер Приложения? То есть при первом заходе показывать заглушку, пока подгружаются app.js и main.js

Всем привет! Кто нибудь реализрвываол прелоудер Приложения? То есть при первом заходе показывать заглушку, пока подгружаются app.js и main.js

В #app закинь

В #app закинь

нихуя, админ. гц

нихуя, админ. гц

М?

ну админку дали, грац типа )

В #app закинь

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

Может кто нибудь знает аналог вот этого плагина https://github.com/jackocnr/intl-tel-input, только без jq?

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

А что там за заглушка? Если вставить в #app какой-нибудь html/svg, он будет заменён при рендере.

Может кто нибудь знает аналог вот этого плагина https://github.com/jackocnr/intl-tel-input, только без jq?

А ты не задавал этот вопрос раньше?

@c01nd01r нет, а что?

Попробуй минимальный пример набросать где-нить онлайн

https://jsfiddle.net/nhgntwku/20/

@c01nd01r нет, а что?

Помню, кому-то тут нужен был этот плагин

@c01nd01r ну значит я не один) Так а ты знаешь какой нибудь аналог?

Ребята, есть задача сделать несколько SPA, которые будут отличаться (по идее) только стилями. Как лучше организовать систему обновления (чтобы мерджи для template и script частей однофайлового компонента не обращали внимания на style, и наоборот)? Пока только есть идея вынести все стили в отдельную папку и файлы соответствующие.

@c01nd01r ну значит я не один) Так а ты знаешь какой нибудь аналог?

Неа. Но наверное можно сделать на imask, с динамической маской. Тебе всю кучу стран надо?

@c01nd01r вся европа нужна, да и вообще реализация очень нравится поэтому ищу именно аналог. Вот нашел рекомендации от разработчика плагина как убрать jq https://github.com/jackocnr/intl-tel-input/wiki/Removing-jQuery-Dependency поэтому походу придется делать форк и убирать

framework7.io

и тут я охринел

и тут я охринел

А именно с чего?

https://jsfiddle.net/nhgntwku/20/

localdata:{handler(value){ alert(JSON.stringify(this.localdata))}, deep:true}

Вот так работает

localdata:{handler(value){ alert(JSON.stringify(this.localdata))}, deep:true}

спасибо

Погугли weex ещё

framework7.io

А что там за заглушка? Если вставить в #app какой-нибудь html/svg, он будет заменён при рендере.

А, понял. Действительно самое простое решение поместить код лоадера в index.html внутрь <div id="app"> . Все работает, спасибо

Пытаюсь прикрутить тесты, вот такая ошибка: Error: [vuex] vuex requires a Promise polyfill in this browser. Вопрос скорее по вебпаку конечно, добавил в webpack.base.conf.js app: [ 'babel-polyfill', './src/main.js'] И нифига

Пытаюсь прикрутить тесты, вот такая ошибка: Error: [vuex] vuex requires a Promise polyfill in this browser. Вопрос скорее по вебпаку конечно, добавил в webpack.base.conf.js app: [ 'babel-polyfill', './src/main.js'] И нифига

Попробуй import 'es6-promise/auto'

Кто-то писал юнит тесты для vue и graphql? Что-то никак не могу найти что-то вроде moxios для graphql. И ещё возникает вопрос, стоит ли вообще что-то подобное использовать или просто ожидать, что определённое действие, повлечёт изменение в данных, не обращая внимания на имплементацию?

Попробуй import 'es6-promise/auto'

В конфиге вебпака? Прям вот так импорт без переменной?

Кто-то писал юнит тесты для vue и graphql? Что-то никак не могу найти что-то вроде moxios для graphql. И ещё возникает вопрос, стоит ли вообще что-то подобное использовать или просто ожидать, что определённое действие, повлечёт изменение в данных, не обращая внимания на имплементацию?

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

Зачем писать тесты для view?

Зачем писать тесты для view?

не понял вопроса

В конфиге вебпака? Прям вот так импорт без переменной?

В самом тесте

не понял вопроса

Зачем.

Какого протокола передачи данных и какого view? Юнит тесты для приложения

чтобы тестировать работоспособность

Какого протокола передачи данных и какого view? Юнит тесты для приложения

Мокай vue и graphQL. Их не надо тестировать.

в чем трабла? Vue axios.delete('/api/v1/level/delete/',{ data: {id: item.id} }).then(response => {}); Laravel Route::delete('/level/delete/{id}', 'LevelsController@destroy'); в ответ получаю 404 ошибку

на клиенте всё окей делаю?

на клиенте всё окей делаю?

Посмотри на запрос.