计算属性&监听器
===
- 计算数学:computed
- 监听器:watch
### 使用场景
watch 对于某一个元素的监听 (异步场景)
computed会监听全局变化 (数据联动)
~~~
<div id="app">
{{msg}}
<br>
{{msg1}}
</div>
<script>
let app = new Vue({
el:"#app",
data:{
msg: "hello vue",
ano:"ano vue"
},
watch:{
// 当msg的值发生变化的时候就会执行
msg:function (newval,oldval) {
console.log("newVal: ",newval)
console.log("oldVal: ",oldval)
}
},
computed:{
msg1:function () {
return "computed: " + this.msg + this.ano
}
}
})
</script>
~~~
