Сокамерники, напомните, если у меня over 9000 вычисляемых свойств, которые однотипно таскают значения из vuex, типа computed: { a: function() { return this.$store.state.a }} и точно такие же b, c, d, e и так далее, это как-то разруливается нормально через API самого Vue, или проще формировать весь объект computed отдельно до объявления компонента?

а че не сделать геттерами и потом промапить их?

@Fl0pZz на самом деле, я видел про стрикт моде гд-еот в более уважаемом источнике, но не могу вспомнить где

о, спека, спасибо ей

а так как мы используем импорты и экспорты в вебпаке, то он автоматом проставляет за нас strict mode

а че не сделать геттерами и потом промапить их?

Не уловил мысль, есть пример/ссылка на док? Ну или хотя бы какие слова гуглить

Не уловил мысль, есть пример/ссылка на док? Ну или хотя бы какие слова гуглить

https://vuex.vuejs.org/ru/getters.html

и там внизу ...mapGetters()

если я тебя правильно понял офк

и там внизу ...mapGetters()

Точно, это оно! Спасибо!

насчет объяснений стрелочной функции, мне нравится ранее и позднее связывание, но хоть это объясняет почему this в стрелочной функции запоминается, а в обычной нет, это не объясняет почему this вообще нет у стрелочной. Поэтому, я считаю, что стрелочная функция не имеет своего контекста и запоминает внешний this благодаря замыканию

ну и так все говорят, так что вот так вот

мелкий вопрос, вью-класс-компонент + тс норм? или можно просто тс юзать?

что скажете

@Fl0pZz на самом деле, я видел про стрикт моде гд-еот в более уважаемом источнике, но не могу вспомнить где

Ну вот, заставляешь меня спеку читать :/

мелкий вопрос, вью-класс-компонент + тс норм? или можно просто тс юзать?

а разве в доке по совместимости с тс не рекомендуют это юзать? я не помню чет

а разве в доке по совместимости с тс не рекомендуют это юзать? я не помню чет

ага, я уже нашел ответ Если вы предпочитаете API на основе классов при объявлении компонентов, вы можете использовать официально поддерживаемый декоратор vue-class-component

Вот люблю я es6, ts и классы, но в случае с vue чёт классы имхо не в кассу

и там внизу ...mapGetters()

а в чем разница между mapGetters и mapState?

Добрый вечер, гляньте плиз кто-то, делаю по примеру https://ru.vuejs.org/v2/guide/forms.html , вот код https://hastebin.com/itehewajuq.js , но выдает ошибку "ReferenceError: option is not defined"

а в чем разница между mapGetters и mapState?

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

Да, наверное так. Я уже поняла ответ. getters у хранилища типа computed у компонента.

Добрый вечер, гляньте плиз кто-то, делаю по примеру https://ru.vuejs.org/v2/guide/forms.html , вот код https://hastebin.com/itehewajuq.js , но выдает ошибку "ReferenceError: option is not defined"

нет, все работает https://jsfiddle.net/sLp1mkbx/1/

а у меня один компонент тоже с v-for работает, а этот ни в какую((

нет, все работает https://jsfiddle.net/sLp1mkbx/1/

еще меня убивает что когда удаляю одну строчку из этого <select v-model="selected">, то цикл отрабатывает и ошибки нету))

а у меня один компонент тоже с v-for работает, а этот ни в какую((

оберните option в template(v-for), мб так заработает, хотя это странно

Добрый вечер, гляньте плиз кто-то, делаю по примеру https://ru.vuejs.org/v2/guide/forms.html , вот код https://hastebin.com/itehewajuq.js , но выдает ошибку "ReferenceError: option is not defined"

по твоему примеру все работает

ребята, на самом деле, мне кажется, ваши стрелочные функции и прочий стеб над теми кто в них путается или не сталкивался и потому не знает, просто порождение синтаксиса, который, как всем известно исторически за уши притянут... мне вот C, C++ намного очевиднее, чем JS. Ну вы поняли => и ок, я о них знаю только потому, что читал и то, от удивления типа "шо за пиз...ц я только что увидел". Вы сами только что спорили где там ваш невидимый контекст живет. Короче хз чо стебаться, проявлять сарказм и прочее по неочевидным моментам языка... Это все равно, что я б стебался, когда кто-то в Perl хэш по ссылке из функции неправильно вернул или регуляркой всю строку сожрал, или nil в Swift пытался анврапить, ну такое ...

Че за вброс? про стрелки на каждом углу в гугле инфы навалом

Они элементарны

элементраны или очевидны ?

И да, лямбды в с++ !== стрелки в жс

Чувствую срач

оберните option в template(v-for), мб так заработает, хотя это странно

кажется прояснилось, я юзаю либу materialize.js, когда ее отключаю, генерится дропдаун со списком, когда включаю, она каким-то образом сжирает кусок формы

остается <div id="UserSelectorTest"><select><option value="A"> One </option><option value="B"> Two </option><option value="C"> Three </option></select> <span>Выбрано: A</span></div>

в общем беда

Всем поивет

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

Имеется сплеш экран который я повесил на отдельный урл. И хочу при старте проверять видел его пользователь или нет. И если не видел то перекидывать на него.

Пробую сделать вот так.

но что то ничего не выходит из этого

Поэкспериментируй с хуком, почему в beforeCreate?

нашел в статье https://www.mikestreety.co.uk/blog/vue-js-using-localstorage-with-the-vuex-store

нашел в статье https://www.mikestreety.co.uk/blog/vue-js-using-localstorage-with-the-vuex-store

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

я проверял что в условие он заходит

а что не получается?

без условия тоже не перебрасывает

может я конечно не на тот хук завязываюсь

я бы все таки попробовал добавить переменную в data и потом в mounted уже пушить роутер, в зауввисимости от значения переменной. А роутер консолил он уже есть?

ага консолил

есть

вот так вот заработало.

но как то кривовато

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

видимо.

видимо.

ну значит будут сценарии в которых это не сработает, так нельзя делать.

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

а как тогда более правильно сделать?

я в vue новичек)

я тоже новичек :)

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

а как тогда более правильно сделать?

Не совсем вник в вашу проблему, но может $nextTick() поможет?

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

Лучше в роутере проверять

Я придумал как сделать без костылей. Сделал компонент обертку где рендерю нужный экран через v-if

Как раз это скорее костыль)

Целый экран по условию через v-if рендерить

beforeRouteEnter (to, from, next) { условие и переправляем куда надо }

Вот почитайте гайд, роутер разные хуки добавляет, может что-то лучше подойдет https://router.vuejs.org/en/advanced/navigation-guards.html

Как раз это скорее костыль)

Почему же это костыль?

Хотя да наверное можно плпробовать занекстиить другой урл просто.

Спасибо.

кто проснулся уже?

Я

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