https://gist.github.com/An2An96/0483c63a36c10b461d2a5d7fc3907fdc

Ну тогда только весь код показывай

А где у тебя auth в гавной компоненте?

в роутах

Auth.vue ?

ой

App.vue

скинуть или что?

Да, добавь туда

На первый взгляд все вроде норм

попробуй в mounted() App.vue console.log(this.$store)

В сторе export function createStore () { return new Vuex.Store({

В app import { createStore } from './store' const store = createStore()

В сторе export function createStore () { return new Vuex.Store({

Зачем? Оно так работает

в главной компоненте app.vue тоже не работает: Cannot read property 'dispatch' of undefined

Да, добавь туда

Да, добавь туда

App.vue в гист выложи

готово

this.$router к слову работает

new Vue({ el: '#app', router, store, template: '<App/>', components: { App }, mounted: function () { console.log('mounted: ' + this.$store) } }) mounted: undefined

Кто нибудь понял какие важные обновления вышли в новой версии Vue сегодня, не касающиеся SSR

сколько ребят залетело, но никто не представился)

никак не могу найти объяснений почему так втапливают за vuelidate и хейтят vee

пара объяснение в pinned message добавлять

готово

Ну чо там?

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

пока ничего не работает

А ошибок сборка никаих не сыпет?

Ребят а экшены что 1 аргумент принимают в себя чтоль?

или это только мутации 1 аргумент принимают?

да, объектом передавай

Ребят а экшены что 1 аргумент принимают в себя чтоль?

нет, варн один есть

А ошибок сборка никаих не сыпет?

CHANGE_CRITERIA({dispatch, commit}, key, value){ console.log(key, value); commit(CHANGE_CRITERIA, key, value) dispatch('ITEMS_LOAD'); }, че реально value не увидит?

{key, value}

вот ?

Новое animoji?

Кто нибудь понял какие важные обновления вышли в новой версии Vue сегодня, не касающиеся SSR

А что такое ssr?

Server-side rendering, то есть когда ты юзаешь Vue на сервере

Server Side Rendering

нет, варн один есть

Я бы упростил систему до стейта с одним состоянием и екшеном прямо в главном модуле vue, потом выделил бы в отдельный но целый, потом модуля и дальше мап стейт и мап екшенс

@RaccoonForever когда всё что угодно юзаешь что бы на сервере отрендерить страничку

)

Server-side rendering, то есть когда ты юзаешь Vue на сервере

Thanks

Server Side Rendering

Thanks

ок, ща попробую

Я бы упростил систему до стейта с одним состоянием и екшеном прямо в главном модуле vue, потом выделил бы в отдельный но целый, потом модуля и дальше мап стейт и мап екшенс

создаю объект стореджа в main.js - Все работает

Значит что-то с сторой которую ты передаешь через импорт.

тот же самый код вынесеный в отдельный файл - не работает

its a prank

что-то с Vue.use(Vuex)

импортируется оно нормально: import store from './store' console.log(store) выводит объект нормально

когда уже передал в экземпляр vue, то this.$store - undefined

Ну хз, сделай как я написал в самом начале, это канонично, взято у Эвана

вообщем заработало так: 1) подключаю vuex в main.js 2) там же vue.use(vuex) 3) подключаю store: import store from './store' 4) передаю store в экземпляр vue то есть как ты и сказал проблема с vue.use, работает только если использовать ее в главном файле ДО подключения внешнего файла где создается экземпляр store

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

или я чего то не понимаю

У меня в проектах vue.use в модуле сторы, так же как и в модуле роутера. Но инстансы создаются в главном (в main у тебя)

роутер у меня тоже vue.use(router) делается в отдельном файле и все работает, не могу понять от чего это зависит

Потомушо нефиг vue.use разносить со стором по разным файлам. То же касается роутера.

и в чем поблема

дак было в одном файле - не работало, вынес в главный файл use - заработало

о том и речь

я бы рад не разносить

Такой себе совет держать простыню кода.

дак было в одном файле - не работало, вынес в главный файл use - заработало

А ты vue перед всей котовасией в файле стора импортил чтоб заработало?

На гисте есть файлы

конечно, иначе как бы Vue.use работало

Хз. У меня все работает почти из коробки. Темплейт симпл вебпак если чо.

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

Сделай из модуля експорт функции высшего порядка и создай стору в главном. Для успокоения души

А Vue.use(Vuex) пропиши в модуле

console.log('1') Vue.use(Vuex) import store from './store' console.log('3') еще вот прикольчик, непонятный, в store я выводу цифру 2, так вот в консоли я вижу вот что: 2 1 3

сначала что ли все импорты делаются, а потом выполнение кода или как

Импорты идут сначала

хм

гайз как этот flow установить, на главной страцие гайд чето не заходит. Пишут не ставте глобально, но он не хочет пахать локально

Это тебе в чат по flow, тут енвагелиста сией приблуды уже нет

Это тебе в чат по flow, тут енвагелиста сией приблуды уже нет

а есть чат, как найти ?

Flow Flow type checker Возможно вам будут интересны: @react_js, @nodejs_ru, @angular2, @typescript_ru Рекомендуем сразу отключить уведомления, чтобы пребывание здесь было комфортным. https://t.me/flowtype_ru

Flow Flow type checker Возможно вам будут интересны: @react_js, @nodejs_ru, @angular2, @typescript_ru Рекомендуем сразу отключить уведомления, чтобы пребывание здесь было комфортным. https://t.me/flowtype_ru

thx

Ювелкам

vue-class-component кто пользует? Стоит оно того?

Да стоит

Доволен очень

Но лучше пользуйся vue-property-decorator, это тоже самое, но более расширенный, что бы можно было использовать всякое типо watch, так как у vue-class-component нет такой возможности

Всем привет) давно интересовался vue, ещё с первой версии. Нравится лёгкость его! Посоветуйте годные туториали по второй. Хочу прикрутить к своему ларавел проекту

Очень советую laracasts, если знаешь laravel то будет еще проще)

laracast step by step vue 2

laracasts.com/series/learn-vue-2-step-by-step/