его не юзает никто, кто юзает atom/vscode как минимум, потому что последние два его прямые конкуренты

я юзаю саблайм при том что пользовался vscode, так что не надо тут =)

господа, как все-таки из метода компонента стукнуться к переменной компонента?

Выше ответили уже. Так и обратиться: this.variable

вот так

как из метода компонента обратиться к переменной в data?

this.variable

https://jsfiddle.net/hs28b6p0/

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

не работает с this

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

+1

@click="bar()" надо

можно даже @click='bar'

Можно

не выйдет, у Вас кнопка вне компонента

не работает с this

https://jsfiddle.net/hs28b6p0/4/

не выйдет, у Вас кнопка вне компонента

а слона то мы и не приметили)

Точняк ))

точно :))

пора спать ложиться...с элементарной вещью мозг сломал :)

А дальше пытливый ум должен спросить "хм, а если перенести метод в #main то как достучаться до компонента" )

Подписка на #main

потом нагуглить вот это https://medium.com/@modex13/vue-js-2-%D0%BF%D0%B5%D1%80%D0%B5%D0%B4%D0%B0%D1%87%D0%B0-%D0%B4%D0%B0%D0%BD%D0%BD%D1%8B%D1%85-%D0%BC%D0%B5%D0%B6%D0%B4%D1%83-%D0%BA%D0%BE%D0%BC%D0%BF%D0%BE%D0%BD%D0%B5%D0%BD%D1%82%D0%B0%D0%BC%D0%B8-467383294847

я уже так баловался, props и прочее :)

Тогда подскажите как вот тут быть: mounted: function mounted() { //do something after mounting vue instance this.$root.$on('pushThis', this.onPushThis); // this.$root.$on('pushThis', function(obj) { // // //console.log(this.$options.components.user.data.username); // //_this.username = obj.name; // }); }

сори.

в общем как в ту штуку которая function(obj) передать контектс this )

во-первых, в mounted следует записать анонимную функцию

так

onPushThis - метод этого компонента и через него я вижу this.data, а закомментированно то что не вышло

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

нельзя )

а как?

let _this = this; axios .get(getUserUrl) .then( function (response) { _this.username = response.data.user || 'Auth plz.'; _this.role = response.data.role || 'Auth plz.';

имхо, всё гораздо проще в ребёнке: this.$emit('eventName', somePayLoad) в родителе вешаем на ребёнка this.$on('event', method(payload)) method (data) { console.log(data) }

и в статье выше по-моему автор мудрит, и this.$parent / this.$root - от лукавого

всем спокойной ночи)

$root - это если у нас компоненты не родитель-ребенок а два несвязных, замена Bus

а так, мне кажется, быть не должно, просто напросто

а если вам нужно глобальное состояние, Vuex к вашим услугам

рано еще Vuex, нубас же

не так страшен чёрт, поверьте. всё равно придётся переписывать)

всё, теперь я точно спать)

обязательно перепишем. но потом )

спасибо за советы, спокойной ночи :)

P.S. промежуточная переменная для обращения к переменной компонента это же типа костыль?

я хз, как смог же.

P.S. промежуточная переменная для обращения к переменной компонента это же типа костыль?

Скорее всего да

а как правильнее?

подозреваю что response => {} может нормально this

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

подозреваю что пложить переменные вне компонента плохо )

я имел ввиду...var app = new Vue({ el: '', data: { foo: '' } })

то можно обращаться к foo через app.foo

с компонентом уже такое не проходит

Подскажите, пожалуйста. Есть компонент. У него есть подчиненные компоненты, выводятся v-for, у каждого задан key, как обратиться к компоненту по key? Мне надо узнать размеры элемента с конкретным key.

Подскажите, пожалуйста. Есть компонент. У него есть подчиненные компоненты, выводятся v-for, у каждого задан key, как обратиться к компоненту по key? Мне надо узнать размеры элемента с конкретным key.

Задай ref="mycomponent"

В this.$refs.mycomponent будет массив, сопсна, компонентов в том же порядке, в котором они рендерятся

По ключу напрямую обращаться нельзя (вроде, поправьте), но он тебе в этой ситуации и не нужен.

Спасибо, в общем так и делаю, думал может - не правильно делаю, решил спросить :)

Ну че? Как там на конфе по вью?

Ребята, а использовал кто-нибудь в работе https://github.com/vuejs/vue-touch ? Не могу понять почему ругается, стянул через нпм, подключил через Vue.use, а Vue мне говорит, что не может найти директиву touch.

ERROR: S client not available

Примет чат. Работаю фронтендером, лучше всего знаю чистый js. Этому сообществу сейчас бесполезен). В рабочем проекте на горизонте все отчетлевее видно перепись на "современный" фреймворк. Зашел сюда чтоб больше следить за vue. Москва, пришел из соседнего часто про js) #whois

Подписка на #whois

Блин, спасибо, невнимательно прочитал.

Кто-то vue propdoc юзал?

vue + pug, ок? Баги есть или не критично?

Vue+pug ок, я недавно на вью сел, за месяц работы никаких багов не замечал.

а то, что sublime был топчик, наверно, тут никто спорить не станет

Был, да

все его юзают (кто вообще пишет код). Кто как основной редактор, а кто как второй редактор

Как открывашку вместо сублайма использую notepad++. По скорости загрузки тягается с вим

let _this = this; axios .get(getUserUrl) .then( function (response) { _this.username = response.data.user || 'Auth plz.'; _this.role = response.data.role || 'Auth plz.';

О, это ж олдскул then this консрукции)

А есть ли что почитать на тему горизонтальной или древовидной структуры vues стора?

vue + pug, ок? Баги есть или не критично?

Ок

А есть ли что почитать на тему горизонтальной или древовидной структуры vues стора?

если найдешь - кинь сюда

но так про normalizr почитай, говорят типо это годно

Привет, работаю full stack разработчиком, в свободное время пишу task manager #whois

Подписка на #whois

Кто-то vue propdoc юзал?

Смотри на vue-styleguidist

а кто его юзает? где все эти люди?)

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

иногда это единственный редактор который логи на два гига может открыть

иногда это единственный редактор который логи на два гига может открыть

glogg , очень рекомендую

Как лучше всего получить значение из input на js

Как лучше всего получить значение из input на js

.val()

Как лучше всего получить значение из input на js

забавно что ты спросил это в конфе по vue

ты даже не представляешь на сколько забавно

можно связать с v-model

Алсо, никто не читал Majesty of Vue.js 2 ?

Алсо, никто не читал Majesty of Vue.js 2 ?

Ссылочку

Ссылочку

да я сам хотел спросить)

да я сам хотел спросить)

ща секунду посмотрю

Её даже сюда кто-то кидал

есть Филиповой

о это круто будет