А все, вроде начинаю догонять

вотчер запускается раньше, чем связное с ним свойство отрендерится в <span>{{text}} </span>

а в вотчере мне нужно подсчитать clientWidth, поэтому пришлось делать это на следующем "тике" vue

Так, ясно, как часто вызывается nextTick?

Выполняет функцию callback при следующем цикле обновления DOM. Вызывайте сразу после изменения данных, чтобы работать с обновлённым DOM.

а я пишу строку автодоплнения для поиска, как в гугле типа.

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

Кто нибудь юзал nuxt?

Кто нибудь юзал nuxt?

йа

и @vik_kod

йа

Не подскажешь как подружить с https://github.com/kazupon/vue-i18n Никак не могу догнать

Вроде как плагин подключил, а как сообщения подключить не знаю

блин.

я это не использовал еще

надо самому смотреть как это работает

В доках такое подключение // If using a module system (e.g. via vue-cli), import Vue and VueI18n and then call Vue.use(VueI18n). // import Vue from 'vue' // import VueI18n from 'vue-i18n' // // Vue.use(VueI18n) // Ready translated locale messages const messages = { en: { message: { hello: 'hello world' } }, ja: { message: { hello: 'こんにちは、世界' } } } // Create VueI18n instance with options const i18n = new Vue18n({ locale: 'ja', // set locale messages, // set locale messages }) // Create a Vue instanc with `i18n` option new Vue({ i18n }).$mount('#app') // Now the app has started!Как это связать с nuxt ваще хз

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

в Vue

import же

то есть

new Vue({ i18n }) ?

это у nuxt вроде вообще отношения не имеет. это одинаково что для SPA что для Nuxt. Меня больше волнует как эта штука будет определять какой язык. Че то пробежался не понял где принимается рещаение какой язык показывать

Я подключал так import Vue from 'vue' import VueI18n from 'vue-i18n' Vue.use(VueI18n)Что сюда дописать?

а не подскажете, чем этот nuxt хорош?

Пока не подскажу, вот ковыряю сижу

а не подскажете, чем этот nuxt хорош?

Если тебе нужно чтобы сайт индексировался и ты хочешь Vue то тебе скорее всего нужен Nuxt

Самый главный плюс, это SEO продвижение

Если тебе нужно чтобы сайт индексировался и ты хочешь Vue то тебе скорее всего нужен Nuxt

понял, спасибо

а то просто щас по диагонали глянул, так похоже просто из модульного Vue собрали all-in-one :)

Я подключал так import Vue from 'vue' import VueI18n from 'vue-i18n' Vue.use(VueI18n)Что сюда дописать?

import { i18n } from 'файл с твоей константой'

Понял, спасибо вечером проверю

import { i18n } from 'файл с твоей константой'

для тех, кто не подписан: https://vuejs-tips.github.io/cheatsheet/

Спс

Люди, как делать делегирование событий в vue правильно?

у меня есть компонент в нем есть компоненты card Я не хочу на каждый кард навешивать @click и ему давать на $emit(), чтоб он послал эвент родителю, но и накинуть сверху @click на компонент не получается.

<ul> <card v-for="card in cards" @click="clickHandler"></card> </ul> так не работает, а внутри карточки делать не хочется.

я хотел бы на ul накинуть @click

или же все же лучше эмитить через карточку @click ?

или использовать @click.native?

вообще что-то даже интересно, как делегирование делается?

так с click.native должно сработать

так с click.native сработало

я через него не могу передать что-то с карточки

я просто начал эмитить клик

на карточках

так тебе с родителем только через emit

если я правильно понимаю

ребята, хочу менять цвет шапки, добавил в роутинге meta: {mainPage: true}, и хочу добавлять класс, если не главная страница. вопрос, где это проверять?

ребята, хочу менять цвет шапки, добавил в роутинге meta: {mainPage: true}, и хочу добавлять класс, если не главная страница. вопрос, где это проверять?

че, красная тоже нормас )

Вот почему меня тянет на всякую минималистичную фигню. Вот есть Vue с какой-никакой инфраструктурой, отличный, удобный фреймворк. Нафига я сейчас смотрю Moon, которым мало кто пользуется вообще..

Так в нём еще и баги детские

https://github.com/KingPixil/moon/issues/9

для тех, кто не подписан: https://vuejs-tips.github.io/cheatsheet/

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

Вот почему меня тянет на всякую минималистичную фигню. Вот есть Vue с какой-никакой инфраструктурой, отличный, удобный фреймворк. Нафига я сейчас смотрю Moon, которым мало кто пользуется вообще..

я посмотрел, и ты знаешь, мне мун ничего так показался

во всяком случае там больше контроля над реактивностью

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

И как он будет определять что нужно автору?

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

Интересно в примере когда вводишь в поле какие-либо знаки добавляется demo надпись

В Edge работает через одно место

во всяком случае там больше контроля над реактивностью

и в каких случаях ты бы мун заюзал? Я не вижу кейсов.

Ну типа если всё писать самому, все компоненты, весь мир и даже аллаха(ну простите уж) тогда ты явно нагенерируешь больше кода, всё будет неудобно и тд.

Ну типа если всё писать самому, все компоненты, весь мир и даже аллаха(ну простите уж) тогда ты явно нагенерируешь больше кода, всё будет неудобно и тд.

просто я с С++ пришел во фронт

а.

ну с++ ребята странные ?

ERROR: S client not available

Ну типа если всё писать самому, все компоненты, весь мир и даже аллаха(ну простите уж) тогда ты явно нагенерируешь больше кода, всё будет неудобно и тд.

отсылка к исламу была обязательна?

это Цитирование глупой старой шутки, попрошу не принимать в серьёз, ибо сам не воспринимаю так и отлично отношусь к ребятам из стран ислама. Более того, когда изучал религии, ислам показался мне более "чистой" верой, нежели христианство.

это Цитирование глупой старой шутки, попрошу не принимать в серьёз, ибо сам не воспринимаю так и отлично отношусь к ребятам из стран ислама. Более того, когда изучал религии, ислам показался мне более "чистой" верой, нежели христианство.

Просто напомню, что Россия - не христианская страна, а многоконфессиональная и светская. Есть республики где больше христиан, есть где больше мусульман.

отсылка к исламу была обязательна?

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

Коллеги, я считаю что акценты не туда

Давайте свернем тему

начали за здравие, кончили за упокой)

Я помню, воистину не хотел разжигать и поднимать такие темы)

Никто не оскорбился) тема не разворачивалась

народ, подскажите пожалуйста

делаю вот так

lbar class="z-depth-1"> <v-btn light default v-for="route in routes" v-bind:data="route" v-bind:key="route.component" @click.native="changeRoute(route.path)">{{route.name}}</v-btn> </v-toolbar> <router-view></router-view> <!-- <v-footer> <div class="text-xs-right">© 2017</div> </v-footer> --> </div> </template> <script> import router from './router/index.js' export default { name: 'app',

используй ` для форматирования кода.

\```

упс....

и закрывай этой же ковычкой.

`

а лучше жсфидл, если можешь отделить от проекта или набросать сниппет.

\``` test \```

\``` test ```\

блин

как закрыть?

как закрыть?

убери слеши

без них

test

<template> <div> <v-toolbar class="z-depth-1"> <v-btn light default v-for="route in routes" v-bind:data="route" v-bind:key="route.component" @click.native="changeRoute(route.path)">{{route.name}}</v-btn> </v-toolbar> <router-view></router-view> </div> </template> <script> import router from './router/index.js' export default { name: 'app', components: { router }, data: function () { return { routes: router.options.routes } }, methods: { changeRoute: function (path) { if (path === '') { path = '/' } router.push(path) console.log(path) } } } </script>

короче не меняетя вьюха

хотя роут меняется

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

Наткнулся недавно на репозиторий ребят из Limenius. И вот что они делают: у них бандл для симфони и они рендерят реакт на сервере... без ноды, на пхп) https://github.com/Limenius Вот интересно, по идее и для вью реально такое сделать, так как используется phpexecjs: https://github.com/nacmartin/phpexecjs

В теории можно