watch监听事件

Vue.js 监听属性 watch，可以通过 watch 来响应数据的变化。以下实例通过使用 watch 实现计数器：

<div id=”app”>
            <p>当前数字：{{count}}</p>
         <button type=”button” v-on:click=”add()”>+</button>
         <button type=”button” v-on:click=”jf()”>-</button>
</div>
        <p id=”msg”></p>
<script type=”text/javascript”>
             var vm = new Vue({
                el:’#app’,
                data:{
                    count:0
                },
                methods:{
                    add:function(){
                        this.count++;
                    },
                    jf:function(){
                        this.count–;
                    }
                }                
            });
            vm.$watch(‘count’, function (newValue, oldValue) {
                        // 这个回调将在 vm.kilometers 改变后调用
                        document.getElementById (“msg”).innerHTML = “修改前值为: ” + oldValue + “，修改后值为: ” + newValue;
            })

</script>

posted on
2020-06-12 15:48 
逍遥汉 
阅读(…) 
评论(…) 
编辑 
收藏

版权声明：本文为UnfetteredMan原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://www.cnblogs.com/UnfetteredMan/p/13099866.html