В общем. Допустим есть такой код:
var a = document.querySelector("#a");
var b = a.querySelectorAll(".c");
somethingDo(a, b);
a.onchange = function() {
elseSomethingDo(a, b);
}
function somethingDo(a, b) {
//...
}
function elseSomethingDo(a, b) {
var d = b.length;
var e = a.value;
//...
}
В начале, допустим, загоняем какие-то элементы DOM в переменные, проводим с ними какие-то манипуляции, вешаем обработчик событий, при вызове обработчика - снова проделываем какие-то манипуляции с набором элементов.
Куда это всё распихивать во Вью?
Ну обработчик, допустим, можно (или даже нужно по мнению оф.документации) повесить прямо в html-коде, хотя до этого нас всю жизнь учили что это не семантично. А что с остальным делать? Где получать элементы DOM? Где делать с ними какие-то манипуляции? В data? computed? mounted? methods?