VB.net 2010 视频教程 VB.net 2010 视频教程 python基础视频教程
SQL Server 2008 视频教程 c#入门经典教程 Visual Basic从门到精通视频教程
当前位置:
首页 > temp > JavaScript教程 >
  • 第十一篇: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>
复制代码

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

 

出处:https://www.cnblogs.com/FatTiger4399/p/15266267.html

相关教程