Всем привет, меня интересует как можно наладить взаимодействие пользователя с приложением Vue.js, подскажите пожалуйста, может есть какие то методы обработчики, или что то в этом роде.
Есть директива v-on, с помощью этой директивы можно наблюдать за событиями, нужно только указать метод обработчик, в этом примере метод обработчик это click:
<div id="example">
{{ message }}
<button v-on:click="changeMessage">Изменить сообщение
В html коде мы создаем блок с id example, далее внутри создаем параграф в который будет выводится сообщение которое берется из объекта Vue.js. Чуть ниже кнопку с директивой которая содержит обработчик события, далее в случае нажатия на кнопку будет выполнятся метод который находится в methods в vue.js. Этот метод изменяет свойство message, присваивая ему новое значение.
var example = new Vue({
el: '#example',
data: {
message: 'Привет Vue.js!',
},
methods: {
changeMessage: function () {
this.message = "Пока Vue.js"
}
}
})
В данном примере мы не трогая DOM просто обновляем состояние нашего проекта, то есть с DOM взаимодействует Vue.js, вам остается только писать логику приложения.