vue 模板循環(huán)放入方法,造成的性能問題

例子:


          <li
            v-for="(item,index) in dataList"
            :key="index"
            @click="back(item.address_id,item.name,item.phone,item.province.district_name+item.city.district_name+item.area.district_name+item.address)"
          >
            <h3 class="clear">
              <p class="inline_block">{{item.name}}</p>
              <h4
                class="inline_block pull_right"
              >{{item.phone.substr(0,3)+"-"+item.phone.substr(3,4)+'-'+item.phone.substr(7,4)}}</h4>
              <h5>{{item.province.district_name+item.city.district_name+item.area.district_name+item.address}}</h5>
            </h3>
            <div class="clear">
              <h1 class="inline_block" v-if="item.is_default">
                <h4 class="aa inline_block active"></h4>
                <span>默認(rèn)</span>
              </h1>
              <h2 class="inline_block pull_right">
                <h3 class="inline_block" @click="deleteItem(item)">刪除</h3>
                <h4 class="inline_block" @click="editer(uid,item.address_id)">編輯</h4>
              </h2>
            </div>
          </li>
        

大家看 代碼中的h5標(biāo)簽,因?yàn)槭且粋€(gè)地址的拼接,但是在因?yàn)槲蚁胫髞?lái)要用到這個(gè)地址的字符串,所以就想把他放在方法里,然后在data定義一個(gè)變量然后通過這個(gè)變量去訪問到地址字符串,但是,問題就在這,因?yàn)樗且粋€(gè)循環(huán),所以如果循環(huán)里放上一個(gè)方法利用傳參去拼接參數(shù)的話就會(huì)在這個(gè)方法里走上數(shù)組長(zhǎng)度的平方次,這將極大的消耗內(nèi)存以及性能,所以,在模板里利用方法傳參計(jì)算 的還是要慎重?。?!

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 因?yàn)閷?duì)狗知道的很少,不叫狗說(shuō)就叫說(shuō)狗,要不然名字光亮,也能顯出水準(zhǔn);加上我本人從來(lái)沒動(dòng)手養(yǎng)過一只狗很難知其脾性...
    西門楊曉羊閱讀 389評(píng)論 0 2
  • 本文參加【世界華語(yǔ)懸疑文學(xué)大賽】征稿活動(dòng),本人承諾,文章內(nèi)容為原創(chuàng)。 -1- 敲下最后一個(gè)字,終于把小說(shuō)完成了,藍(lán)...
    李曉木閱讀 1,148評(píng)論 17 17
  • 自我介紹
    古靈精怪的果寶閱讀 298評(píng)論 0 0
  • 2017年11月11日,如是家人譚紅霞,種種子第103天。 發(fā)心:我今不是為了我個(gè)人而聞思修,而是為了六道輪回一切...
    心雅701閱讀 235評(píng)論 2 1

友情鏈接更多精彩內(nèi)容