第十一篇:vue.js监听属性(大作业进行时)

这个知识点急着用所以就跳过<计算属性>先学了

首先理解一下什么是监听:对事件进行监控,也就是当我进行操作(按了按钮之类的事件)时,会有相应的事情发生

上代码

<div id = "app">
    <p style = "font-size:25px;">计数器: {{ counter }}</p>
    <button @click = "counter++" style = "font-size:25px;">点我</button>
</div>
<script type = "text/javascript">
var vm = new Vue({
    el: '#app',
    data: {
        counter: 1
    }
});
vm.$watch('counter', function(nval, oval) {              /*监听counter的变化,和函数(nval,oval),使用which去响应数据的变化*/
    alert('计数器值的变化 :' + oval + ' 变为 ' + nval + '!');
});
</script>

这个能实现弹一个框出来然后进行信息提示的功能