new Vue({ el: '#menu', data: { b: b, settings: data }, render: h => h(App), });

так?

props компонента

props прописать внутри файла .vue?

new Vue({ el: '#menu', data: { b: b, settings: data }, render: h => h(App), });

Так это же не компонент

props прописать внутри файла .vue?

https://ru.vuejs.org/v2/guide/render-function.html

https://ru.vuejs.org/v2/guide/render-function.html

читал, до меня не доходит. Ткни, где именно.

new Vue({ el: '#menu', data: { b: b, settings: data }, render: h => h(App), });

Так будет доступно через this.$root.data вроде бы

Так будет доступно через this.$root.data вроде бы

ок, попробую. А по-человечески, как это делается, чтобы не внутри файла .vue были данные, чтобы можно было их обновлять через $set()?

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

или после того, как рендер-функция отработала - то всё уже и вся реактивность только в слотах и дальше?

или после того, как рендер-функция отработала - то всё уже и вся реактивность только в слотах и дальше?

вообще то нет, рендер функция поддерживает реактивность

я про functional: true

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

из контекста можно выцепить слоты, контент, но походу это всё

vuetify, bootstrap-vue - там все компоненты что я смотрел изнутри функцинальные

vuetify, bootstrap-vue - там все компоненты что я смотрел изнутри функцинальные

нет, там рендер функции

нет, там рендер функции

+

vuetify, bootstrap-vue - там все компоненты что я смотрел изнутри функцинальные

т.е. в них ничего передать нельзя?

так фуцнкциональные компоненты содержат рендер-функции

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

я про https://vuejs.org/v2/guide/render-function.html#Functional-Components )

https://www.vuemastery.com/courses/advanced-components/build-a-reactivity-system/

я про https://vuejs.org/v2/guide/render-function.html#Functional-Components )

и че? вутифай не функциональные компоненты

VIcon - functional

ну походу не все, да

короч, видимо если функциональный - то нет, верно?

короч, видимо если функциональный - то нет, верно?

судя з доки то да В подобных случаях мы можем пометить компоненты как функциональные (опция functional), что означает отсутствие у них состояния (нет реактивных данных) и экземпляра (нет переменной контекста this)

Забей на функциональные компоненты, если не знаешь зачем они)

В подобных случаях мы можем пометить компоненты как функциональные (опция functional), что означает отсутствие у них состояния (нет реактивных данных) и экземпляра (нет переменной контекста this). Функциональный компонент выглядит так:

Забей на функциональные компоненты, если не знаешь зачем они)

так я разобраться хочу

ну окей, видимо я правильно понял

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

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

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

ну вот смотрите, конкретный пример - у меня очень тупой компонент, который рендерит внутри текст (и повторный <span> с ним же внутри, так надо чтобы нужного эффекта достигнуть)

мне нужно на ховеры изменять стили

Ребят, а есть ли в VS Code окно терминала аналогично с WebStrom ?

сделай в песочнице, поковыряемся

можно конечно на чистом JS Это добавить, но не хотелось бы - это костыли какие-то

можно конечно на чистом JS Это добавить, но не хотелось бы - это костыли какие-то

сделай в песочнице, обычным компонентом

сделай в песочнице, поковыряемся

обычный готов, ща

Ребят, а есть ли в VS Code окно терминала аналогично с WebStrom ?

есть

мм...... посоветуйте песочницу? :)

есть

Как открыть ?

очень редко использую

ну, https://codesandbox.io/s/vue

пасиба

самая кошерная песочница

судя по всему да

Спасибо ?

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

сочатовцы говорили что там такое есть с моим общим уровнем вуя и и английского никак найти не могу

ну так есть и рус. дока

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

сделай в песочнице, обычным компонентом

https://codesandbox.io/s/zqq53v2z3p

собссно. Хочу при ховере делать насыщеннее свещение

если компонент функциональный, чистым JS/CSS - вообще легко, но как-то некошерно

нефункциональным компонентом - элементарно

просто по сути там больше и не нужно ничего

сочатовцы говорили что там такое есть с моим общим уровнем вуя и и английского никак найти не могу

https://ru.vuejs.org/v2/guide/computed.html#%D0%9C%D0%B5%D1%82%D0%BE%D0%B4%D1%8B-%D0%BD%D0%B0%D0%B1%D0%BB%D1%8E%D0%B4%D0%B0%D1%82%D0%B5%D0%BB%D0%B8

благодарю

просто по сути там больше и не нужно ничего

ок, сейчас посмотрим

спасибо )

ERROR: S client not available

В документации очень много ☺️ двусторонний биндинг - одна из основных фишек vue

дело в том что у меня некоторые переменные имеют сависимости для других.е не другие могут в шаблоне не выводится. То есть отслеживание нужно внутренних переменных

или после того, как рендер-функция отработала - то всё уже и вся реактивность только в слотах и дальше?

Вэр, ты чтоле?

ну да

sonic-world.ru же?

да

чел, мы в одном чате)

помимо этого

Будто это что-то ужасное

я к тому что конечно это я)

Я к тому, что рад тебя видеть. Помню ещё с 2010-го, когда там сидел

Прикольное время было

привет :)

Поздравляю тебя с влётом в Vue и реактивность

давай не тут только)

Ок, в личку пойдёт?)

Потому что курсор пока доходит от инпута до автокомплита попадает в какую-то дырку. Либо что-то там перехватывает фокус. Короче, браузер думает, что ты оп, и потерял фокус с инпута

Надо смотреть через инспектор, подсвечивать элементы

Привет, парни

А по какой причине родитель может не обновлять проп в дочернем елементе.

Идет из дочернего еммит в родителя, родитель делает изменения в переменной которая отправляется в проп

Обёект по вложенности такой { 1:{ 2:0, 3:0 } }

Пробовал в ребенке через watch. Watch вызывался тольео после создания. Обновленные данные он не получает

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

Тоесть, в каждый раз пнресоздавать объект?

если вотчер хочешь то deep: true ставь

да

Щас попробую

Я на медиуме вычитал, что там по ссылке и наоборот не нужно пнресоздавать

Хотя, может не правильно понял

ты передаешь ссылку на объект. Когда меняешь что-то в этом объекте - ссылка остаётся та же, следовательно никто не знает что что-то изменилось

ты передаешь ссылку на объект. Когда меняешь что-то в этом объекте - ссылка остаётся та же, следовательно никто не знает что что-то изменилось

Нет, реактивность все знает.