Кто с Vuex работал и Vue 2?

only vue1 and vuex

only vue1 and vuex

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

Хммм... Не припомню таких проблем

может траблы второго Vue

3 месяца назад с этим стеком имел дело, vuex который раз притерпел сильные изменения. Но vuex очень простой и легкий, как и магия vue1, просто было все разрулить

3 месяца назад с этим стеком имел дело, vuex который раз притерпел сильные изменения. Но vuex очень простой и легкий, как и магия vue1, просто было все разрулить

Vue 2 усложнили?

Получается я зря брался за его изучение? (подкупила простота и производительность)

не усложнили

наоборот появились удобные фичи

Нет

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

Но это все знать не обязательно, если не пишешь плагины

Для вью

Добрый вечер

Добрый вечер, господа

Бьюсь над проблемой. Описываю компонент во vue-файле, где this всегда undefined, вплоть до в export default

А задачи, собственно, две: 1) иметь возможность обращаться к dom-элементам компонента через this.$el

2) иметь возможность обратиться к данным компонента A в компоненте B. По сути даже к данным я-то могу обратиться, но вот не пойму как их отобразить в шаблоне компонента B

также в этом случае не ясно как устанавливать properties в самом компоненте, так как, полагаю, локально, внутри компонента, правильнее всего держать данные именно в них

Так, не ясно что ты хочешь в случае с this

А вот вот обращаться к данным из компонента а в компонента б это плохой патерн

У нас здесь работает подход one way

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

В кратце - используй vuex

А так вообще ты можешь по реф добраться и до данных и до ф-й какого либо компонента

В сети встречаю огромное количество примеров с this, как this.$el, но не undefined this пока не видел)

Скинь пример

Где-нибудь в песочнице

Почему transition не отрабатьівает на появление? http://jsbin.com/huhuloziqe/edit?html,css,js,output

сначала я думал у меня монитор заляпан из-за “ьi” %)

@uoziod все так "шутят"

смешно, правда?

Почему transition не отрабатьівает на появление? http://jsbin.com/huhuloziqe/edit?html,css,js,output

Разобрался. ?

Немного попрактиковался: http://jsbin.com/dovoyoc/1/edit?html,css,js,output

Но есть 1 вопрос. Как вместо alertClasses: function() { return { 'alert-box': true, 'alert-type-info': this.type == 'info', 'alert-type-success': this.type == 'success', 'alert-type-warning': this.type == 'warning', 'alert-type-error': this.type == 'error', } просто подставлять props'овьій type?

var obj = { “alert-box”: true }; obj[“alert-type-” + this.type] = true ?

Именно так))

Можно даже при ините объекта { [this.prop]: true }

Парни, а как во Vuex правильно вызвать экшн не из шаблона, а из кода? <script> const myFunc = () => { setInterval(() => { callSomeActionHere({ ???dispatcher??? }, some, data) }, 1000) } </script>

<script> const myFunc = () => { setInterval(() => { this.callSomeActionHere(some, data)//Диспатчер у тебя должен сам просасываться }, 1000) } </script>

Если экшон у тебя лежит в $vm.vuex.actions

А где это ты так задаешь myFunc?

Какой у тебя там контекст?

Я просто в синтаксисе *.vue не очень шарю

Вооот, контекст во vue-файле для меня пока тоже загадочен. <script> const shared = {} const myFunc = () => { console.log(this) // => undefined (wha???) } export default { data: () => ({shared}) } </script>

ну и есть ощущение что в данном случае dispatcher всё-таки сам не пробросится...

import {MyAction} from 'vuex/actions'; const shared = {} export default { methods: { myFunc: function (some, data) { this.myAction(some, data); } }, vuex: { actions: { myAction: MyAction } } data: () => ({shared}) }

Пробросится

о, вот так похоже должен! спасибо)

относитеть к *.vue <template lang='jade'></template> <style lang='scss'> <script></script> как *.js import template from '!jade!./template.jade' import style from '!style!scss!./style.sass' const fn = () => {} export default { // объект для описания Vue инстанса }

относитеть к *.vue <template lang='jade'></template> <style lang='scss'> <script></script> как *.js import template from '!jade!./template.jade' import style from '!style!scss!./style.sass' const fn = () => {} export default { // объект для описания Vue инстанса }

Я его сразу отбросил. Для непривыкших будет неочевидно. Проще отделять шаблон от кода.

Такой маленький чатик. В реакте аж 1003 человека. UPD: уже 1005

Такой маленький чатик. В реакте аж 1003 человека. UPD: уже 1005

Ну так реакт на мегахайпе, а вуе только у азиатов популярен. Наверняка есть китайский чяттек с 1000+.

Ну так реакт на мегахайпе, а вуе только у азиатов популярен. Наверняка есть китайский чяттек с 1000+.

Правильно вью

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

this.methodName() не работает. нашёл какой-то способ с эвентами, но он мне не очень нравится

this.methodName должен работать. Уверен, дело опять в контексте

Правильно вью

Буду знать. Просто никогда не смотрел видосы еще или такое, где произносили название. :з

this.methodName() не работает. нашёл какой-то способ с эвентами, но он мне не очень нравится

Будь осторожен со стрелочной нотацией. Она действует наподобие bind(this) и если this еще не определено - то беда. В вуе проще использовать обычные функции. Он на все эвенты прокидывает свой контекст, так что его потерять не так просто

this.methodName должен работать. Уверен, дело опять в контексте

да, похоже я и вправду что-то делаю не так. в общем задача моего компонента - по активации загрузить json, а потом выполнять регулярное действие над элементами из него. я поступил так: export default { activate: (done) => { actionOne() .then(startIterating) .finally(done) }

Будь осторожен со стрелочной нотацией. Она действует наподобие bind(this) и если this еще не определено - то беда. В вуе проще использовать обычные функции. Он на все эвенты прокидывает свой контекст, так что его потерять не так просто

а ну вот похоже это и есть ответ на мой вопрос...

Да. Там this еще не определен

я всё понял... немного переигрался с typescript'ом ))

Компоненты ну должны работать с данными напрямую

А точнее - это this объекта, который ты кормишь ву, чтобы создать инстанс. А тебя должен интересовать this инстанса

Отсылай событие в твой стор что ты хочешь сделать (вызывай action), далее экшен меняет store, это порождает изменние view

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

это попрождает кашу

Я так понимаю, Vue совсем мертв везде кроме азии? https://govuejs.com - пуст например.

Нет не мертв

Такие списки бесполезны, как по мне. Я на реакте тоже много крутых проектов не смог найти

Worldofwarships.com

На первой версии напилен

а как сейчас модно собирать проект на vue?

в vueify последний коммит - в июне

rollup как вариант

webpack не варик?)

webpack не варик?)

очень не хочу разворачивать эту кухню

это всего-то 2 команды: http://vuejs.org/guide/installation.html#CLI

я всё понял... немного переигрался с typescript'ом ))

Лучше использовать tcomb с синтаксисом flow. В тайпскрипте много лишнего. Прям очень много

А по-факту нужна только проверка типов

+1

Советую все таки webpack

Для простого проекта хватит и простейших туториолов

В итоге он все равно дает максимальное удобство при разработке

А по-факту нужна только проверка типов

К тому же там проверка типов "на лету". То есть заодно проверяются ответы с сервера, функции, принимающие на вход данные с инпута и прочее. Тайп скрипт не может это все обнаружить на этапе компиляции

TypeScript фу ?