标签：cti isod style code 计算属性 doc false head log
计算属性就是当其依赖的属性的值发生变化的时候，这个属性的值就会自动更新。
例子：
<!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>
标签：cti isod style code 计算属性 doc false head log
原文地址：http://www.cnblogs.com/shannonliang/p/6111542.html
