所谓计算属性就是计算data里的数据属性。
computed:实时监听的该功能。
即监听是否有修改（浏览器未打开时即开始监听了），监听的值有修改则添加
所监听的data数据属性变化了，自动实时修改。
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<div id="com">
<h3>{{msg}}</h3>
<p>{{ thisMsg }}</p>
<button @click='changeMsg'>修改</button>
</div> <script type="text/javascript" src="vue.js"></script>
<script type="text/javascript">
var com = new Vue({
el:'#com',
data:{
msg:'今天天气狠人'
},
methods:{
changeMsg(){
this.msg = '嘿嘿嘿';
}
},
computed:{
thisMsg(){ return this.msg+'哈哈哈哈';
}
}
}) </script> </body>
</html>