計算屬性 computed

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.計算屬性是有緩存的,只有相關依賴沒有變化,多次訪問計算屬性得到的值是之前緩存的計算結果,不會多次執行。

?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容