侦听器
和 addEventListener
事件监听器一样,当元素中某个事件被触发时,侦听器中绑定的方法自动被调用。
Vue 中的侦听器通常在 Vue 实例中声明一个 watch
属性,来响应数据的变化。如下代码所示:
<div class="container">
<input type="text" v-model="uname">
</div>
let vm = new Vue({
el: '.container',
data: {
uname: 'Hello'
},
// 通过为 Vue 实例添加一个 watch 属性来设置侦听器
watch: {
uname: function () {
console.log('改变了')
}