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

5.1.3 計算屬性緩存

在Vue中,可以將同一函數(shù)定義為一個方法,而不是一個計算屬性,兩種方式的最終結(jié)果確實是完全相同的,只是一個使用reverseTitle()取值、一個使用reverseTitle取值。不同的是,計算屬性是基于它們的依賴進行緩存的,計算屬性只有在它的相關(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ù)組),會帶來一些性能問題。計算屬性緩存可用來解決該問題。

主站蜘蛛池模板: 灵丘县| 湘乡市| 友谊县| 石家庄市| 洛川县| 涿鹿县| 南和县| 永顺县| 陵川县| 顺义区| 景泰县| 平凉市| 荔浦县| 随州市| 开平市| 方正县| 综艺| 天全县| 茶陵县| 吉木萨尔县| 松桃| 安宁市| 普格县| 惠水县| 盖州市| 和政县| 阿鲁科尔沁旗| 盘山县| 滨海县| 巴楚县| 泰州市| 阿尔山市| 桐梓县| 西林县| 左云县| 宁南县| 巢湖市| 石柱| 大英县| 达州市| 长兴县|