если vuex нет

Можно как-то из компонента (который в src находится) изменить данные в app.vue?

ну типа как бы компонент не должен знать про App. Это вроде как против SOLID

Тогда уж реально Vuex

А типо APP как бы и не знает

он просто по шине получает эвент

очень очень узкий и тупой vuex

Я использую vuetify и у меня в app есть toolbar. Я хочу чтобы после авторизации у меня менялись пункты toolbar(а)

Может я вообще не так делаю?

И я не использую vuex

очень очень узкий и тупой vuex

Это типа который export const $bus = new Vue(); ИМХО это подходит только для небольших приложений, а то при разрастании кода все эти потоки сообщений станут неуправляемыми

да я знаю что это очень очень хауноу но блин.

иногда выручает

Это типа который export const $bus = new Vue(); ИМХО это подходит только для небольших приложений, а то при разрастании кода все эти потоки сообщений станут неуправляемыми

А как быть тогда?

Vuex

А как быть тогда?

Я бы пока посылал 2 одинаковых запроса из разных компонент

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

А не внедрял vuex

Ну у тебя как бы 3 варианта: 1. $emit по цепочке 2. $bus 3. vuex

Выбирай

1 не работает

3 не вариант

Почему?

2 хз

Теперь поясняю почему: vuex это когда МНОГО (не 2) компонент нуждаются в одиночку и тех же данных

Почему?

Не на столько хорош во вью чтобы сказать

Я бы пока посылал 2 одинаковых запроса из разных компонент

Up

Но ведь это не норм

Я бы пока посылал 2 одинаковых запроса из разных компонент

Более того, из-за кешировать браузером ответов в будущем нагрузки на сервер не будет

Но ведь это не норм

И почему же?

Но ведь это не норм

А типа изменять данные приложения из компонента - это норм?

Дочерний компонент ничего не должен знать о вышестоящих компонентах, включая app.vue

Так что у тебя выбор не между плохо и хорошо, а между плохо и еще хуже

Дочерний компонент ничего не должен знать о вышестоящих компонентах, включая app.vue

А как же $emit-$on? Это разве плохо?

А на счёт запросов. Получается мне при кажом изменении урла делать гет запрос?

Ты ж сказал, что это не вариант

Ты ж сказал, что это не вариант

Да, это не работает

Метод в app вообще не вызывается из компонента

и не должен я ж говорю - по цепочке

ты должен делать $emit - on на КАЖДОМ уровне

Ладно, а есть какие ещё варианты как изменить toolbar в app?

Неужели данные которые есть в app - остаются только в app?

Авторизация как делается?

websanova ?

Нет

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

Ну как вариант можешь запилить плагин, по аналогии с vue-auth Тогда ты делаешь Vue.use и у тебя в глобальном объекте будет доступно нечто, что совершает авторизацию И тогда ты из любого места сможешь его вытягивать

Примерно вот так: https://github.com/websanova/vue-auth/blob/master/src/index.js

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

После такой инициализации у тебя в любом компоненте будет доступно this.$auth

Ну как вариант можешь запилить плагин, по аналогии с vue-auth Тогда ты делаешь Vue.use и у тебя в глобальном объекте будет доступно нечто, что совершает авторизацию И тогда ты из любого места сможешь его вытягивать

А-ля global variable?

Да, где-то так

Но некоторые выступают против засорения прототипа Vue

Типа это плохо

Но как я уже сказал, ты из-за нежелания использовать vuex, выбираешь между плохо и еще хуже

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

Присвоить его переменной из data

Ты парсишь json в локальную переменную

Ее никто так не увидит

Но как я уже сказал, ты из-за нежелания использовать vuex, выбираешь между плохо и еще хуже

Так vuex в маленьком проекте тоже плохо

Всего кода я не вижу, но думаю, что тебе нужно делать this.list = JSON.parse(response)

Хотя ещё не знаю как отличить маленький и большой проекты

Но на самом деле Vuex сам по себе это и есть глобальная переменная, да еще и singleton :)

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

Понял, принял, спасибо. Завтра уже буду думать

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

тоесть мне в data инициализировать переменную и присвоить ей массив

ага

из create() в data()

что-то типа data() { return { list: [], }; } created() { axios.get().then(function (response) { this.list = JSON.parse(response); }); }

Это схематически

Так как list реактивен, то после его изменеия список должен сам отрендериться

ага попробую сейчас

this для чего она там?

Разобрался)

Кто-нибудь юзает vee-validate? Как там нормально с автоматическими классами работать?

На форме сразу всё инвалидировано при старте

https://github.com/vuejs/roadmap

значимая штука

Ну таке... Собственно после 2.5 внятных планов не видно

Да, честно говоря, я и не вижу, чего такого не хватает Vue

Да, честно говоря, я и не вижу, чего такого не хватает Vue

Будут переферию развивать

Vue cli, dev tools

Ну вот это да А то давеча срач был нехилый насчет того, что компонентов мало, плагинов для vuex мало и т.д.

Народ бедный до сих пор на плагинах jQuery сидит

Нет

https://medium.com/js-dojo/whats-new-in-vue-js-2-0-virtual-dom-dc4b5b827f40

Могу ошибиться, но он вроде бы юзает Virtual DOM как и React

Yes, vue.js v2 use Virtual DOM

https://webdesign.tutsplus.com/tutorials/intriguing-css-level-4-selectors--cms-29499

Всем привет. Подскажите если кто знает. В шаблоне есть select со списком годов наполнятется option через v-for="year in currentYear" . По умолчанию наполняется от меньшего к большему, можно ли сделать чтобы наполнялся в обратном порядке без написания отдельных методов? Заранее спасибо.

v-for="year in currentYear.sort(function(a, b){return b-a})"

спасибо большое, попробую.

лучше через computed

computed: { sortedYears() { return this.currentYear.sort((a, b) => b -a); } }

Андрей

Спасибо уже так и сделал)