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

Если присвоить этот объект переменной в data, то он станет реактивным

Если присвоить этот объект переменной в data, то он станет реактивным

ну, я это и имею ввиду)

Если присвоить этот объект переменной в data, то он станет реактивным

а его вложенные объекты тоже?

Иначе и смысла бы не было

ребят, вопрос, может, не совсем по теме. Есть инпут с автокомплитом гугл карт, и есть адрес (строка), которую нужно в него пробросить. Как во вью (или ванильном джсе, jQ на худой конец) триггернуть этот инпут, чтобы сработало событие автокомплита и он выдал список адресов? Значение в инпут я пробрасываю, но не могу активировать сам инпут

ребят, вопрос, может, не совсем по теме. Есть инпут с автокомплитом гугл карт, и есть адрес (строка), которую нужно в него пробросить. Как во вью (или ванильном джсе, jQ на худой конец) триггернуть этот инпут, чтобы сработало событие автокомплита и он выдал список адресов? Значение в инпут я пробрасываю, но не могу активировать сам инпут

что значит активировать?

вызвать реакцию, которая происходит при непосредственном вводе текста в инпут

повесить на инпут onkeyup

значение в инпут я передаю динамически, нажатия клавиш по факту не происходит

он хочет присвоить значение в input из переменной и получить autocomplete браузерный

я честно говоря не понимаю ))

триггер кинь

он хочет присвоить значение в input из переменной и получить autocomplete браузерный

именно

триггер кинь

так я и спрашиваю, какой триггер?)

Либо onkeyup (проще), либо dispatchEvent

на input, change, click, place_changed реагировать не хочет. Если нужен один из них, тогда я что-то неправильно делаю и пойду искать, что

Либо onkeyup (проще), либо dispatchEvent

но в чем логика onkeyup-а, если нажатия клавиш не происходит?

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

Тимо Москва, и тд

Тебе же нужен триггер. Вот и триггер. Типа, отпустили кнопку

так обычно автокомплиты работают )

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

это встроенный функционал автокомплита, тут вопросов нет

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

ааа блин

вот так понятно )))

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

так чей автокомликт

браузера или жс либа какая-то ?

Если ванильный js, то просто задиспатчить событие

а когда ты кликаешь мышкой на инпут, автокомплит заводится?

в консоле попробуй

так чей автокомликт

автокомплит гугл карт, без дополнительных баблиотек, только pure google

заполни значение а потом подергай очереднл

keyup input keypressed

заполни значение а потом подергай очереднл

и правда, ща попробую

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

очередной вопрос от изучающего только Vue: в курсе сказали что подключение модулей дочерних неважно где делать, в main или в родительском App, но вопрос так ли это, и возможно есть все же разница и значение?

Смотря каких модулей

И смотря для чего они подключаются

Юзаю vue-webpack-boilerplate. Если мне в стилях у нескольких компонентов нужно использовать один и тот же миксин, можно ли его вынести куда-то? юзаю styl

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

И смотря для чего они подключаются

Это конечно усложнило мои сомнения и изыскания))

Это конечно усложнило мои сомнения и изыскания))

просто приведи пример

А как правильно решить такую задачу: Есть сторонняя JS либа, он должен работать на всех страницах и он должен влиять на компоненты, Эта либа - вебсокет клиент, и в зависимости от того где находится юзер - на каком роуте, должен либо вызвать метод компонента либо показать нотификацию.?

просто приведи пример

допустим есть маленькая вложеность: main App - магазин test1 - товары test2 - товар

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

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

возможно...

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

вот так и рождаются невежды?)

Если у тебя такая вложенность, то ты подключаешь (инициализируешь Vue и подключаешь базовый компонент App) в main.js, в App ты подключаешь test1, в test1 подключаешь test2.

Это конечно усложнило мои сомнения и изыскания))

Если речь о компонентах, которые предполагается делать глобальными, то без разницы

Если у тебя такая вложенность, то ты подключаешь (инициализируешь Vue и подключаешь базовый компонент App) в main.js, в App ты подключаешь test1, в test1 подключаешь test2.

то есть, все в майне поджключать (работать будет) но не правильно?

вот так и рождаются невежды?)

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

Но логичнее все же повыше

то есть, все в майне поджключать (работать будет) но не правильно?

ты можешь в мейне зарегистрировать какие-то компоненты, которые нужны тебе часто в разных местах

карточка товара, как правило, к таким компонентам не относится

то есть, все в майне поджключать (работать будет) но не правильно?

Если дочерний компонент нужен только для одного родителя - то подключать его в app нецелесообразно, достаточно в компонент родителя

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

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

Если дочерний компонент нужен только для одного родителя - то подключать его в app нецелесообразно, достаточно в компонент родителя

а это на что то влияет?

ну там на скорость работы или на какие то важные моменты в будущем.

спасибо всем за ответы.

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

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

Всем привет. Вопрос по Jest import PDFJS from 'pdfjs-dist'; export default { mounted() { // ... do somethings important this.loadPdf(); // TODO need mock }, methods: { async loadPdf() { // ... load pdf with using PDFJS } } } Как правильно замокать loadPdf? Мне нужно чтобы компонент смонтировался но this.loadPdf() не отработал (что бы не грузил pdf)

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

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

Подскажите, как заставить подставлять файлы в одностраничных компонентах в Visual Studio Code для обычных файлов написал jsconfig.json, в котором прописал алиасы к папкам также как и как в конфиге webpack'a. в файлах *.js, когда пишу import SomeComponent from " и нажимаю ctrl+пробел, алиасы работают. в файлах *.vue нет. Из допов к VSCode только vetur, а он должен уметь это

https://github.com/vuejs/vetur/blob/master/docs/FAQ.md#vetur-cant-recognize-components-imported-using-webpacks-alias Что значит You need to add .vue extension when importing SFC.

ERROR: S client not available

ребят как дождаться выполнения vuex action в beforeEach роутера?

https://github.com/vuejs/vetur/blob/master/docs/FAQ.md#vetur-cant-recognize-components-imported-using-webpacks-alias Что значит You need to add .vue extension when importing SFC.

Если сборщик не настроен добавлять расширение .vue к именам импортируемых компонентов, то расширение надо писать

А history разве не объект браузера?

обьект браузера

ребят как дождаться выполнения vuex action в beforeEach роутера?

попробуй сделать Promise

попробуй сделать Promise

сделал промис, но он все равно после всех выполняется

а $emit пробрасывает результат в родителя именно? или просто делает его общедоступным?

а зачем тут вообще action, если внутри него только commit?

по сути он и так синхронный

а зачем тут вообще action, если внутри него только commit?

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

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

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

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

Через час буду за компом, напишу, если раньше не решится. Форс апдейт здесь не нужен

Неловко отвлекать, ноо

Если присвоить этот объект переменной в data, то он станет реактивным

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

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

продолжаем глупые вопросы :3 ребят, а можно как-то сымитировать событие инпута, передав сразу данные, которые якобы введены? что-то вроде $(this.$refs.element).trigger('change', 'blabla') - то-есть, якобы в инпут ввели 'blabla'?

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

Например, если объект присваивается свойству из data вне data, например, в хуке

Например, если объект присваивается свойству из data вне data, например, в хуке

оба присваиваются в data

Например, если объект присваивается свойству из data вне data, например, в хуке

хотя

продолжаем глупые вопросы :3 ребят, а можно как-то сымитировать событие инпута, передав сразу данные, которые якобы введены? что-то вроде $(this.$refs.element).trigger('change', 'blabla') - то-есть, якобы в инпут ввели 'blabla'?

В jq не помню, а так данные в объект события запихнуть можно

В jq не помню, а так данные в объект события запихнуть можно

jq не принципиален, а как?

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

например в дочернем компоненте

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

Только через $set

jq не принципиален, а как?

CustomEvent

Кто-нибудь сталкивался с проблемой рендеринга элементов во время анимации? Дело в том, что во время transition родительского элемента, все внутри него начинает перерисовываться. Сам родительский элемент с overflow. Из-за большого количества элементов проседает FPS и все ресурсы тратятся на перерисовку дочерних элементов. Если кто сталкивался, как это решить?

Неловко отвлекать, ноо

Я помню ) вот только сел за комп =(

Только через $set

похоже то что надо, спасибо

Как лучше в vue реализовать глобальные переменные? Например надо во всех компонентах знать uid какого-нибудь запроса

Vuex