У тебя в этом компоненте есть сколько-то дочерних компонент, в которые нужно раскидать данные?

@ArStah кореш

ШО хоч

хехе

короче есть component :is

там разные компоненты ессна

они выплевывают евенты

нид все евенты точно так же выплевывать вверх

тип принял такой же вверх отправил

чот тип @event="$emit($event.name,$event.data)"

Не думаю, что реализуемо

Надо зараннее знать все имена ивентов как минимум

Надо зараннее знать все имена ивентов как минимум

Пезда

Или, как многоходовочка, можно эмиттить событие типа kekEvent которому передавать { event: 'name', data: { ... } }

И его разбирать и эмитить вврех уже норм ивенты)

Но это так, может есть и решения получше

Сорян

Я ща на киевском автовокзале сижу

Думается не очень

Или, как многоходовочка, можно эмиттить событие типа kekEvent которому передавать { event: 'name', data: { ... } }

Значит надо искать другой пуць

Я прост обёртку делаю

Для лоадера

Народ немного не в тему , но может кто знает Можно как нибудь задать transition только одному свойству transform, например scale?

Для лоадера

Пропсом прокинуть метод ?

Народ немного не в тему , но может кто знает Можно как нибудь задать transition только одному свойству transform, например scale?

Кажись нит

Дя придумал костылек уже

Кажись нит

Дя придумал костылек уже

Делись

добавлять и удалять класс, в котором прописан transition

Можно ли использовать слоты в проде? Они кажется на веб-компонентах реализованы?

Парни, так то можно передавать или опять не правильно делаю? routes: [ { path: '/', name: 'home', props: { materials: axios.get('http://192.168.2.200/_web/vue/api.php?s=g').then(response => response.data), }, component: () => import('./components/ComponentHome.vue') },

не надо в роутер запихивать левую логику

он не для этого

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

в компоненте home сделай этот запрос

и отрендери данные

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

миксин

https://vuejs.org/v2/guide/mixins.html

миксин

о. спасибо, а этот так скажем миксин компонент будет сквозной ?

что значит сквозной?

ну можно юзать во всех внешних шаблонах

ты по сути "примешиваешь" какой-то функционал к определенному компоненту

Можно ли использовать слоты в проде? Они кажется на веб-компонентах реализованы?

anybody here?

ты по сути "примешиваешь" какой-то функционал к определенному компоненту

аааа. вот оно че

а еще подскажи, могу ли я делать как то import axios from 'axios' в main.js чтобы не делать импорт каждый раз в каждом файле с компонентом?

anybody here?

Я так понимаю они взяли идеологию слота из веб-компонент, но реализация своя. Надо кстати исходники посмотреть есть 3 проекта в продакшене, где есть используются слоты и никаких проблем с ними

Я так понимаю они взяли идеологию слота из веб-компонент, но реализация своя. Надо кстати исходники посмотреть есть 3 проекта в продакшене, где есть используются слоты и никаких проблем с ними

пасибо

а еще подскажи, могу ли я делать как то import axios from 'axios' в main.js чтобы не делать импорт каждый раз в каждом файле с компонентом?

либо сделать отдельный файл где описать все методы апи, либо в вебпаке просто переменную кинуть

либо сделать отдельный файл где описать все методы апи, либо в вебпаке просто переменную кинуть

спасибо

а еще подскажи, могу ли я делать как то import axios from 'axios' в main.js чтобы не делать импорт каждый раз в каждом файле с компонентом?

Лишь один вопрос, зачем? Тут как раз сама суть в том, что ты в каждом компоненте импортируешь нужны тебе билиотеки, хелперы и тд. Это уже очень удобно и наглядно для последующей поддержке

Лишь один вопрос, зачем? Тут как раз сама суть в том, что ты в каждом компоненте импортируешь нужны тебе билиотеки, хелперы и тд. Это уже очень удобно и наглядно для последующей поддержке

я не силен как потом собирается с точки зрения vue код для прода, но это же получает овер код, слишком много дублежей?!

хотя чисто с точки зрения модульности да, есть независимость

при сборке uglify вырежет все повторяющиеся участки кода

при сборке uglify вырежет все повторяющиеся участки кода

ах, вот оно что, тогда вопрос отпадает

Можно ли использовать слоты в проде? Они кажется на веб-компонентах реализованы?

Нет, конечно, не на веб- компонентах.

при сборке uglify вырежет все повторяющиеся участки кода

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

нид все евенты точно так же выплевывать вверх

а v-on="$listeners" это не то, что ты хочешь? правда в родителе этой обертки эвенты все равно нужно объявлять

а v-on="$listeners" это не то, что ты хочешь? правда в родителе этой обертки эвенты все равно нужно объявлять

нука поподробней

<template> <ul> <li v-for="item in materials"> {{item.org}} </li> </ul> </template> <script> import axios from 'axios' export default { data: function() { return { materials: axios.get('http://192.168.2.200/_web/vue/api.php?s=g').then(response => response.data) } } } </script>

весь шаблон вот такой

нука поподробней

https://codesandbox.io/s/j3n5q25n73 ну вот так)

добавь :key="item"

А лучше item.id

ERROR: S client not available

а ты уверен, что он там есть?

Ну я и говорю что лучше конечно, но хз есть ли он ам

А вообще Alex, не в обиду будет сказано, но почитай офф документацию. Она просто волшебная и на русском языке, там же все это расписано. Тем более текст ворнинга как бы намекает в чем проблема

https://codesandbox.io/s/j3n5q25n73 ну вот так)

вроде как то что нужно

но я не догоняю

А вообще Alex, не в обиду будет сказано, но почитай офф документацию. Она просто волшебная и на русском языке, там же все это расписано. Тем более текст ворнинга как бы намекает в чем проблема

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

тип ок v-on $listeners я слушаю все события

и как мне их наверх выбросить

добавь :key="item"

добавить добавил, ошибки нет, но и резалта нету (((

список пустой, хотя если переходить поссылке, то json отдается

Гаспади

тип ок v-on $listeners я слушаю все события

оно по сути проксирует события. $listeners - это все слушатели, которые висят на компоненте. грубо говоря, теперь мы кидаем события через 1 уровень, пропуская наш Wrapper, из Child'ов сразу в App

а, так у тебя асинхронный запрос выполнится не успел

оно по сути проксирует события. $listeners - это все слушатели, которые висят на компоненте. грубо говоря, теперь мы кидаем события через 1 уровень, пропуская наш Wrapper, из Child'ов сразу в App

то что нужно походу

если рил проксирует

ща попробую

вынеси в отдельный метод и запускай его в хуке created()

вынеси в отдельный метод и запускай его в хуке created()

да, не привыкну никак, мерси

если рил проксирует

Ну тут есть ограничение в том, что где-то (у родителя твоего Wrapper) тебе эти эвенты все равно прописать придется. Я глянул, там якобы есть более универсальный способ (где можно вообще слушать всё и делать с этим всё что угодно), но он чот у меня не взлетел (https://github.com/vuejs/vue/issues/230#issuecomment-219911934)

оно по сути проксирует события. $listeners - это все слушатели, которые висят на компоненте. грубо говоря, теперь мы кидаем события через 1 уровень, пропуская наш Wrapper, из Child'ов сразу в App

другой вопрос

теперь из родителя пропсы прокидывать через обертку

в компонент

v-bind.props="$props" чот тип такого есть

?

v-bind="$props" вроде, попробуй

Подскажите фрейморк типа бутстрапа, который лучше / красивее бутстрапа.

Iview ui framework

Подскажите фрейморк типа бутстрапа, который лучше / красивее бутстрапа.

bulma замечательный, чистый css

В нем только 60% бутстрапа

В нем только 60% бутстрапа

а кто то использует 100% бутстрапа?)

Я на 80%

уверен, что эти 20% разницы - js, которые легко делаются на чистом