VUE监听属性

侦听属性

侦听属性的作用是侦听某些属性的变化，从而做相应的操作，进行对数据变化的相应，

侦听属性是一个对象（字典），key值是要监听的元素，值是当监听的元素发生改变时要执行的函数；

监听函数有两个参数，一个是当前值，另一个是变化后的值

• 比如监听一个输入框输入过程敲击键盘的次数

var vm = new Vue({
    el: "#container",
    data:{
        content: "", // 表单内容
        count: 0, // 记录表单内用户敲了多少次
    },
    watch:{
        content:function (oldVal,newVal){
            // 只要在文本框输入内容影响到了age数据发生改变，就会触发
            this.count += 1
        }，
    }，
})

<div id="container">
    <p><label>你敲了:{{ count }}次</label></p>
    <input type="text" placeholder="请输入你的年纪" v-model="content">
</div>