5.1.3　計(jì)算屬性緩存

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

代碼如下：

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

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

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