Блог

В прошлом наша небольшая команда использовала Target от Adobe для выполнения A / B-тестирования. Перед Vue.js , наши приложения были относительно простыми — просто обычный ванильный JS. Было довольно просто выполнять любые манипуляции с DOM (или любые манипуляции с данными), поскольку не многие данные в данных нашего приложения были привязаны к чему-либо.

Поскольку мы переходим к Vue.js Таким образом, концепция модульности в компоненты и передачи информации через реквизиты означала бы, что мы, возможно, не сможем изменять реквизиты непосредственно с точки зрения цели.

Однако я заметил, что расширение Vue Devtools позволяет изменять реквизит напрямую.

Можно ли сделать то же самое с помощью vanilla JS?

Я думаю, что неестественно изменять свойства целевого компонента. В Vue.js модель такова: «Данные вниз — Действия вверх». Это означает, что вы передаете некоторые данные из родительского компонента в дочерний компонент, и если дочерний компонент должен что-то изменить, он должен выдать событие, а его родительский компонент должен его прослушать и отреагировать на него. Если вам нужна гибкость, и ваши данные изменяются динамически, вы можете передавать объекты через реквизит, а также генерировать событие с объектами в качестве полезной нагрузки. Я думаю, именно так вы должны подходить к новой реализации вашего приложения из vanilla JS.