vue-lazy-render: 延遲渲染大組件，增強(qiáng)頁(yè)面切換流暢度
最近用element來(lái)做項(xiàng)目，在開(kāi)發(fā)的過(guò)程中，突然發(fā)現(xiàn)頁(yè)面的操作和切換在數(shù)據(jù)量大的時(shí)候相當(dāng)卡，后來(lái)提了個(gè)issue,在furybean解答后才知道，我每個(gè)單元格都加了tooltip，會(huì)生成大量的節(jié)點(diǎn)，造成頁(yè)面操作卡頓。后來(lái)將tooltip去掉，操作流暢多了。
但是，由于我是將頁(yè)面的數(shù)據(jù)存在vuex中的，在路由切換回來(lái)的時(shí)候，發(fā)現(xiàn)在數(shù)據(jù)量大的時(shí)候，頁(yè)面渲染得很慢，大概兩三秒才能切換過(guò)來(lái)，用戶體驗(yàn)相當(dāng)不好。
這時(shí)，我就在想，能不能讓頁(yè)面切換完成之后才開(kāi)始渲染數(shù)據(jù)量大的組件，用戶起碼不會(huì)感知到路由切換的卡頓情況。
一開(kāi)始不知道怎樣做，后來(lái)看到這篇blog:vue 性能優(yōu)化,作者基于vue1.0做了一個(gè)指令，基本原理是利用v-if來(lái)控制組件的渲染時(shí)機(jī)。作者在回答中提到vue2.0可以用組件來(lái)做，具體的討論可以看
網(wǎng)友評(píng)論
