5.1.3　計算屬性緩存

在Vue中，可以將同一函數(shù)定義為一個方法，而不是一個計算屬性，兩種方式的最終結(jié)果確實是完全相同的，只是一個使用reverseTitle()取值、一個使用reverseTitle取值。不同的是，計算屬性是基于它們的依賴進(jìn)行緩存的，計算屬性只有在它的相關(guān)依賴發(fā)生改變時才會重新求值。這就意味著，只要title還沒有發(fā)生改變，多次訪問reverseTitle計算屬性會立即返回以前的計算結(jié)果，而不必再次執(zhí)行函數(shù)。

代碼如下：

    <div>{{reverseTitle()}}</div><br>
    //在組件中
    methods: {
         reverseTitle: function(){
             return this.title.split('').reverse().join('')
         }
    }

計算屬性緩存最大的特點就是屬性變化才執(zhí)行g(shù)etter函數(shù)，否則執(zhí)行緩存默認(rèn)的true指令打開緩存。

計算屬性緩存的作用：如果頻繁地使用計算屬性，而計算屬性方法中有大量的耗時操作（例如在getter中循環(huán)一個大的數(shù)組），會帶來一些性能問題。計算屬性緩存可用來解決該問題。