官术网_书友最值得收藏!

5.1.3 計算屬性緩存

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

代碼如下:

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

計算屬性緩存最大的特點就是屬性變化才執行getter函數,否則執行緩存默認的true指令打開緩存。

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

主站蜘蛛池模板: 镇巴县| 铁力市| 西乡县| 抚州市| 诏安县| 肇源县| 高邮市| 宜兰县| 石楼县| 兴宁市| 淮北市| 同仁县| 永康市| 奎屯市| 广饶县| 鹿泉市| 津市市| 临城县| 得荣县| 安平县| 灵川县| 平遥县| 丹巴县| 出国| 招远市| 博白县| 屏边| 侯马市| 黎城县| 建昌县| 福鼎市| 井陉县| 双江| 昌吉市| 清水河县| 兴安盟| 廊坊市| 阿尔山市| 石家庄市| 保德县| 砚山县|