Как во Vue подключить событие по классу тега?

Question

[Dan Ryehood]

Как во Vue сделать подобную конструкцию?

$('.modify').on('keyup', runThisFunction);

Answer 1

[Владимир Проскурин]

Не надо. Такое делать нельзя. Если вы решили так делать, то вероятнее всего, вы не до конца поняли Vue. Если хотите обратится к элементу, который находится за пределами контейнера приложения (что тоже довольно редко нужно делать), то делаете обычными JS методами.

Comments

[Dan Ryehood]

Ок, нельзя. Тогда поясните, как реализовать такую логику?

Нужно запускать общую функцию по клику на разные типы элементов (блоки, текстовые поля), которые могут находиться в любом компоненте приложения.

[Dan Ryehood]

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

Или как это философией Vue решается?)) Где это почитать?)) Как гуглить?

[Владимир Проскурин]

Dan Ryehood, определите ваш обработчик события в миксине, и привязывайте к событиям в любом компоненте.
https://jsfiddle.net/Vlad_IT/43L7m9dy/
https://ru.vuejs.org/v2/guide/mixins.html

[Dan Ryehood]

Владимир Проскурин, спасибо, это то, что надо