首页 > 代码库 > 第三节、计算属性
第三节、计算属性
计算属性就是当其依赖的属性的值发生变化的时候,这个属性的值就会自动更新。
例子:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script src="vue.js"></script> </head> <body> <div id="app"> <input id="num" type="text" v-model="msg" /> <p>{{isEven}}</p> </div> </body> <script type="text/javascript"> var app = new Vue({ el: "#app", data: { _msg: 1, NowTime: "" }, computed: { //计算属性 msg: { get: function() { if (this.$data._msg >= 0) { return this.$data._msg; } return 0; }, set: function(value) { var a = parseInt(value); if (a >= 0) { this.$data._msg = a; } else { this.$data._msg = 0; } console.log("msg:" + this.$data._msg); } }, isEven: { get: function() { if (this.$data._msg % 2 != 0) { return false; } else { return true; } } }, isOdd: function() { //只有一个function的时候,就表示get属性 return false; } } }); </script> </html>
第三节、计算属性
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。