計算屬性&監聽器
===
- 計算數學: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>
~~~