vue中的computed也可以進行數據的展示,他有以下的特點
一 ,基本用法
1.數據可以進行邏輯處理操作
2.對計算的屬性可以進行監視(原來的數據變化了,計算的數據也會跟著變化)
var vm = new Vue({
el:'#test',
data:{
msg:"要么 干脆吃 鍋巴"
},
computed:{
//要寫成要給函數的形式,返回基本的數據
msg1:function(){
return "我要吃萊奧"
},
changeMsg:function(){
//數據進行計算
return this.msg.split(' ').reverse().join(' ');
}
},
methods:{
},
mounted:function(){
}
});
二,計算屬性 與方法
將計算屬性的get函數定義為一個方法也可以實現類似方法的功能
區別:
1.計算屬性是基于他的依賴進行的,只有在相關依賴發生改變時才能更新變化。
2.計算屬性是有緩存的,只有相關依賴沒有變化,多次訪問計算屬性得到的值是之前緩存的計算結果,不會多次執行。