и this.$state.data.test = '123';

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

ну типа того, я посмотрел тикеты - так понял, что "мы понимаем, такой хелпер очень просто написать, но не будем"

я поскольку первый раз пишу с vue (и вообще первый раз пишу SPA, опыт при этом приличный) сразу удивился, зачем тут так все усложнять. Может напишу для себя такой хелпер, а потом постепенно где нужно перейду на vuex

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

но чтобы при этом он использовал vuex

думал готовое что-то есть, но не могу найти

Что-то падает с ошибкой, нашел, что проблема в том, что он не разспознает es6, завез в .bebelrc preset es2015, но так и не смог завести uglify

Скорее всего, проблема в каком-то пакете, который ты импоришь

думал готовое что-то есть, но не могу найти

Вообще, еще есть $root ?

Оформишь в виде полноценного анонса для пина?

Да конечно! Напишу попозже

Вообще, еще есть $root ?

ну это слишком :)

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

вот это вариант

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

И назвать это Vuex

И назвать это Vuex

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

Do not mutate vuex store state outside mutation handlers.

state: { markers: [] }, mutations: { addMarkers(state, marker) { Vue.set(state, 'markers', marker) } }, _______________ this.$store.commit('addMarkers', this.markers); this.markers - локальный стейт

Что я делаю не так?

@agontarev Помнится, ты там контейнеры писал, чтоб vuex стору пробрасывать через пропсы? Смотри, egoist какую фиговину написал :В

Ну да, похоже на ХОК что я хотел

state: { markers: [] }, mutations: { addMarkers(state, marker) { Vue.set(state, 'markers', marker) } }, _______________ this.$store.commit('addMarkers', this.markers); this.markers - локальный стейт

хз, но кстать зачем vue.set?

рекомендоавали

кто?

выше в чате

а, ты типо маркеры полностью перезаписываешь?

сек

но state.markers = marker, так же должно же работать

methods: { mapRclicked(mouseArgs) { let _self = this; const createdMarker = this.addMarker(); createdMarker.position.lat = mouseArgs.latLng.lat(); createdMarker.position.lng = mouseArgs.latLng.lng(); //Add marker values to Store // this.$store.commit('addMarkers', this.markers); console.log(this.markers) }, addMarker: function addMarker() { this.lastId++; this.markers.push({ id: this.lastId, position: { lat: 48.8538302, lng: 2.2982161 }, opacity: 1, draggable: true, enabled: true, clicked: 0, rightClicked: 0, dragended: 0, ifw: true, ifw2text: 'This text is bad please change me :( ' }); return this.markers[this.markers.length - 1]; }, },

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

ты берешь маркеры из стейта и пушишь в эти же маркеры из компонента?

Нет

Беру маркеры из компонента и кидаю в стор

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

был у тебя массив markers в компоненте, потом ты его передал полностью со ссылкой в стор, и теперь при любой манипуляции с markers из компонента, стор считает, что кто-то из вне модифицирует

хм...

варианты?

пока в голову ничего не приходит

ну самый простой, правильно передавать массив

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

ну самый простой, правильно передавать массив

копировать массив прежде чем передать его в стор

Макркеры создаются в одном компоненте (по нажатию правой кнопки). Затем мне их надо передать в другой компонент для редактирования и сохраниения (отправки на сервер)

` 1.state.markers = [...markers] 2. state.markers = [].concat(markers) 3. state.markers = JSON.parse(JSON.stringify(markers)) 4. state.markers = lodash.deepcopy(markers)

решил следать через стор

Макркеры создаются в одном компоненте (по нажатию правой кнопки). Затем мне их надо передать в другой компонент для редактирования и сохраниения (отправки на сервер)

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

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

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

не совсем, сразу при создании

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

и из стора получать?

логично...

спать....

кстати...

lodash не юзаю, но нету там deepcopy вроде

https://lodash.com/docs/4.17.4#cloneDeep

без разницы, контекст то понять можно

https://www.npmjs.com/package/nanoclone ну или так

привет всем, использую переводы по принципу Vue.prototype.trans = (string, args) => { let value = _.get(window.i18n, string); _.eachRight(args, (paramVal, paramKey) => { value = _.replace(value, :${paramKey}, paramVal); }); return value; }; и потом в шаблонах {{ trans('something') }} и в биндах напр. v-bind:placeholder="trans('something')" Но в скриптах this.buttonAction = trans('something'); всё рушит. помогите, пожалуйста

привет всем, использую переводы по принципу Vue.prototype.trans = (string, args) => { let value = _.get(window.i18n, string); _.eachRight(args, (paramVal, paramKey) => { value = _.replace(value, :${paramKey}, paramVal); }); return value; }; и потом в шаблонах {{ trans('something') }} и в биндах напр. v-bind:placeholder="trans('something')" Но в скриптах this.buttonAction = trans('something'); всё рушит. помогите, пожалуйста

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

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

подскажи, плиз, какие кавычки)

Залей на gist или еще куда, чтоб людям было проще смотреть на код

поправил

привет всем, использую переводы по принципу Vue.prototype.trans = (string, args) => { let value = _.get(window.i18n, string); _.eachRight(args, (paramVal, paramKey) => { value = _.replace(value, :${paramKey}, paramVal); }); return value; }; и потом в шаблонах {{ trans('something') }} и в биндах напр. v-bind:placeholder="trans('something')" Но в скриптах this.buttonAction = trans('something'); всё рушит. помогите, пожалуйста

wtf?

this.trans('something')

если ты в прототип записал

если ты в прототип записал

ты меня уже, наверное, за дебила держишь))

давно отметку выставил

?

подскажи, плиз, какие кавычки)

` - вот такие (ставишь вот таких по три перед и после кода)

И получается: let foo = 'foo'; const bar = { foo };

подскажи, плиз, какие кавычки)

https://core.telegram.org/bots/api#markdown-style

Привет, подскажите такой момент - сделал приложение, vue-router использую, вебпак нормально все собирает, файлы под роуты типа 1.js 2.js создает, но в браузере ругается Error: Loading chunk 3 failed. потому что ищет эти файлы не в той папке, где они созданы, а в корне. Что где поменять?

помог output: {publicPath: '...'} в вебпак конфиге

Народ поделитесь кто как делает SSR если backend php

ssr что такое?

backend делаю на Yii2 REST API

ssr что такое?

это когда рендеришь фронтенд на сервере

Скорее всего, проблема в каком-то пакете, который ты импоришь

Да, склоняюсь к этому. В логах накопал что это resize detector. Буду искать, что за зависимость и откуда ноги растут. Нашёл ещё, что uglifyjs не работает с es6 синтаксисом, но пока перегонка в es5 через Бабель не помогла. Есть ли аналоги uglify и можете посоветовать способы уменьшения бандла?

не, таким не занимаюсь

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

this.$store.dispatch('getToken'); // запрос токена this.token = this.$store.getters.token; // получение его в компонент this.getUserInfo(); // запрос данных с токеном

async await ?

dispatch().then( // your code )

Да, склоняюсь к этому. В логах накопал что это resize detector. Буду искать, что за зависимость и откуда ноги растут. Нашёл ещё, что uglifyjs не работает с es6 синтаксисом, но пока перегонка в es5 через Бабель не помогла. Есть ли аналоги uglify и можете посоветовать способы уменьшения бандла?

Нужно не аналог искать, а пакет, который импортит es6 код из node_modules

Пакет который это делает, я написал выше. Пока не точно, но думаю, это пакет из обертки над google map api. В целом я только буду рад переписать компонент на чистый api, обертка не понравилась. Но тоже, странно, поддержка es6 хорошая, нафига мне этот транспайлер и почему не завести es6 в uglify не понятно

Поэтому на будущее хочу найти замену

Да, склоняюсь к этому. В логах накопал что это resize detector. Буду искать, что за зависимость и откуда ноги растут. Нашёл ещё, что uglifyjs не работает с es6 синтаксисом, но пока перегонка в es5 через Бабель не помогла. Есть ли аналоги uglify и можете посоветовать способы уменьшения бандла?

Вебпак углифай поставь отдельно и сможет

Пакет который это делает, я написал выше. Пока не точно, но думаю, это пакет из обертки над google map api. В целом я только буду рад переписать компонент на чистый api, обертка не понравилась. Но тоже, странно, поддержка es6 хорошая, нафига мне этот транспайлер и почему не завести es6 в uglify не понятно

Если тебе бабель не нужен, тогда и проблем особо нет.

Спасибо. Попробую в понедельник завести отдельно uglify.

Если тебе бабель не нужен, тогда и проблем особо нет.

Ты имел ввиду наоборот? Мне надо же минифицировать js ?

Ты имел ввиду наоборот? Мне надо же минифицировать js ?

Выкидываешь углифай, и ставишь какой-нибудь бабилли

Выкидываешь углифай, и ставишь какой-нибудь бабилли

Устарел же

По другому называется

Главное что есть аналоги и вебпаковский файл открыт для настроек

В новой версии по дефолту 3й углифай будет.

dispatch().then( // your code )

благодарю) В доках даже есть пример, а я не дочитал до него)

Устарел же

Чертов фронтенд!