Vladimir
Народ, а есть у кого пример как использовать яндекс метрику:
yaCounterXXXXXX.reachGoal('ORDER');
в компонентах вью?
Oleksandr
Oleksandr
а.. походу понял
Oleksandr
угадал)
Oleksandr
сек
Oleksandr
яндекс, дерьмо, метрика
https://matteogabriele.gitbooks.io/vue-analytics/content/
гляньте это
возможно найдете верный подход как это лучше делать
vsh
ребят, такая ситуация: делаю статистику в виде кучи графиков на одной странице. надо чтоб графики получали дату аяксом и динамически обновлялись. с vue до этого опыта кроме пары экзамплов из документации не имел. Даст кто какой совет/пример?
vsh
куда глядеть, чего читать))
vsh
пора уходить от jquery...
Vladimir
https://matteogabriele.gitbooks.io/vue-analytics/content/
гляньте это
возможно найдете верный подход как это лучше делать
крутая штука конечно, но ничего не нашел что бы мне помогло с яметрикой Т_Т
Oleksandr
крутая штука конечно, но ничего не нашел что бы мне помогло с яметрикой Т_Т
https://github.com/shershen08/vue-ya-metrica
Vladimir
https://github.com/shershen08/vue-ya-metrica
подобная штука уже работат в проекте, а вот отслеживалку кликов определенных, я не могу врубиться как сделать ;(
Oleksandr
ребят, такая ситуация: делаю статистику в виде кучи графиков на одной странице. надо чтоб графики получали дату аяксом и динамически обновлялись. с vue до этого опыта кроме пары экзамплов из документации не имел. Даст кто какой совет/пример?
В created запускаете функцию которая тянет данные. При получении данных присваиваете их переменным в дата. В графиках используете компьютед проперти которые возвращают эти самые переменные
Edward
подобная штука уже работат в проекте, а вот отслеживалку кликов определенных, я не могу врубиться как сделать ;(
так и приписать к обработке клика, например?
Oleksandr
подобная штука уже работат в проекте, а вот отслеживалку кликов определенных, я не могу врубиться как сделать ;(
Вешать на клик функцию которая будет принимать параметр
Edward
Vue.component('todo-item', {
props: ['info'],
template: '<li>{{ info.goal }} / <i>{{ info.when }}</i></li>'
})Его вид на шаблоне
<todo-item v-for="item in goalList" v-bind:info="item" v-bind:class="selectClass">
</todo-item>Сам goalList - массив объектов со свойствами goal, status, как из
computed: {
selectClass: function() {
return this.status==2 ? 'done' : 'pending';
}
}Получить доступ к свойству status на текущей итерации?
Oleksandr
Vue.component('todo-item', {
props: ['info'],
template: '<li>{{ info.goal }} / <i>{{ info.when }}</i></li>'
})Его вид на шаблоне
<todo-item v-for="item in goalList" v-bind:info="item" v-bind:class="selectClass">
</todo-item>Сам goalList - массив объектов со свойствами goal, status, как из
computed: {
selectClass: function() {
return this.status==2 ? 'done' : 'pending';
}
}Получить доступ к свойству status на текущей итерации?
Никак. Используйте метод а не компьютед. Передавая в метод item
Oleksandr
Или пишите напрямую в шаблоне проверку
Олег
как правильно передать значения элемента data в родительский компонент?
Edward
Никак. Используйте метод а не компьютед. Передавая в метод item
methods: {
selectClass: function(status) {
return status==2 ? 'done' : 'pending';
console.log(this);
}
}Заработало! Норм практика так передавать?
<todo-item v-for="item in goalList" :key="item.id" v-bind:info="item" v-bind:class="selectClass(item.status)">
</todo-item>
Oleksandr
methods: {
selectClass: function(status) {
return status==2 ? 'done' : 'pending';
console.log(this);
}
}Заработало! Норм практика так передавать?
<todo-item v-for="item in goalList" :key="item.id" v-bind:info="item" v-bind:class="selectClass(item.status)">
</todo-item>
А как по другому?) Ну только в темплейте писать проверку
Edward
хочу как лучше)
Oleksandr
https://laracasts.com/discuss/channels/vue/how-to-catch-a-childs-emit-in-the-parent-with-vue?page=2
How to catch a child's $emit in the parent with Vue? - Laracasts
Andrey Ponomarenko
привет!
ребят а vue-i18n работает в nuxt.js?
Andrey Ponomarenko
троеточие в конце что символизирует?)) оно спокойно работает, или с кучей траблов?
я просто недавно плавал в мире ангуляр, там все что не JIT - больно часто бывало
Mihail
у меня проблем небыло, просто мне не особо нравится как оно настраивается (дубли путей папок для роутов надо создавать)
Mihail
(это если язык опционально будет в урл, т.е. и example.com/en/ и просто example.com (ru))
Mihail
мне не нравится иметь две версии стольких папок
pages/_lang/xxx/yyy
И
pages/xxx/yyy который указывает на pages/_lang/xxx/yyy. это не очень красиво как по мне...
Andrey Ponomarenko
по крайней мере работает :D
Andrey Ponomarenko
понял, спасибо!
Mihail
три десятка роутов = 6 десятков папок, где вторые три десятка = копи-паста? глупо... хотелось бы чтоб было по чище...
Andrey Ponomarenko
поиграюсь
Сергей
ребят а как дела обстоят с индесируемость спа вообще?
Michael
с SSR супер. Без него "ну такое"
Сергей
с SSR супер. Без него "ну такое"
а сложно переделать с ssr, если приложение уже почти готово?
Michael
а сложно переделать с ssr, если приложение уже почти готово?
Сильно зависит от того, как спроектировано приложение)
Andrey Ponomarenko
Сильно зависит от того, как спроектировано приложение)
а что может не позволить перенести в ssr?
Michael
специфичнее, -- как, когда и откуда берутся данные для первичной отрисовки
Michael
а что может не позволить перенести в ssr?
разнесённые источники данных, например, обращение к document и window, другие глобалсы
Michael
можно столько граблей насобирать, что ужас просто
Michael
потом, если у них проблемы с Node
Michael
религия не позволяет, например, или ещё что
Michael
некоторые баги лечатся только задротством Node
Michael
ну или ещё что туда сунуть для выполнения на сервере
Michael
Я вот сейчас переношу личный проект на ssr, так он запилен по всем канонам data-first с раздвоенными по унифицированным интерфейсам контроллерами на вебсокеты и первичную загрузку.
Michael
так его довольно таки изи переносить. Немного более унифицировано данные собирать в компонентах в общем-то.
Сергей
разнесённые источники данных, например, обращение к document и window, другие глобалсы
а как дела с laravel в таком случае?
Michael
В ларавель сообществе точно помогут.
Сергей
ну есть смысл сср использовать или там может быть какой нить вариант проще?
Сергей
да от туда сюда посылают с вопросами вью)
Michael
ну есть смысл сср использовать или там может быть какой нить вариант проще?
к ларавельщикам. Они 100% в курсе.
Michael
так ты не по вью спрашивай
Michael
а по данным для его SSR
Michael
если приложуха по канонам более-менее, то первичны данные, котоыре надо передать жсу для отрисовки
Michael
дальше кури параллельно ssr.vuejs.org и примеры стартеров с ним.
Michael
А, не стоит всякую мелочь пихать в vuex.
Andrey Ponomarenko
спасибо за информацию
Mihail
Кроме SSR - обратите внимание на pre-rendering, как по мне так очень недооцененная фишка, не всегда подходит (для закрытых панелей требующих логина например) но для публичных страниц - сайты в итоге летают и можно хранить где угодно, хоть на S3, хоть на GitHub Pages.
Выбранные страницы заранее генерируются и сохраняются в обычных .html файлах которые отдаются сервером или CDN мгновенно (1-2ms вместо 100-200-300ms-... если без кеша).
В начале кажется что это вызывает кучу не удобств (перегенерация страниц при обновлении данных в бд, на примере онлайн магазина - как только весь товар распродается - приходится перегениерировать страницы, как только товар появляется в наличии - так же приходится перегенерировать чтобы показывались последние данные) но это все легко автоматизируется и с правильным подходом - статика летает, а гугл как любит мгновенно отдающийся контент...
Michael
А SSR только для сильнодинамичных штук и то с кешем. И вообще он сложный.
L-dar
Подскажите пожалуйста нормальный http клиент для api c cors. axios так и не получилось нормально завести
Andrey
Странно, что axios не смог завести, он довольно хорош, особенно, могет в async/await
L-dar
Странно, что axios не смог завести, он довольно хорош, особенно, могет в async/await
Не отправляются заголовки с авторизацией, перепробовал наверное все
Есть даже открытые ишьюсы https://github.com/axios/axios/issues/891
проблема один в один
L-dar
отправляю запросы с postman, все нормально, через axios, никак
L-dar
Причем бьюсь уже не один день, устал уже, хочу какой нибудь другой клиент попробовать
Stanislav
отправляю запросы с postman, все нормально, через axios, никак
Да cors на сервере настраивается
L-dar
Да cors на сервере настраивается
У меня даже токен в хедере не отправляется
Вот мой код
const accessToken = Vue.localStorage.get(config.NAME_TOKEN_LOCAL_STORAGE)
const headers = {
'Accept': 'application/json',
'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8'
}
if (accessToken) {
headers.Authorization = 'Bearer '.concat(accessToken)
}
const api = axios.create({
baseURL: config.API_LOCATION,
timeout: 10000,
withCredentials: true,
headers: headers,
data: {}
})
export default api
L-dar
L-dar
Вроде все просто, а не работает
вот что в браузере
L-dar
Токен, почему то не отправляется
Igor
Хедерс у тебя странный
Igor
Urlencoded и json и то и то контент тайп
Michael
https://github.com/axios/axios
Michael
Ctrl+F -> Auth
Igor
В accept что то другое должно быть