vue的一些小优化,简单实用

v-once 当组件中包含大量静态内容时,可以考虑使用 v-once将渲染结果缓存起来,

<div v-once>

v-cloak 防止闪烁

比较大段落html <div v-cloak> css [v-cloak] { display: none } 一起用

<span v-pre>{{ this will not be compiled }}</span> //保留空格、段落

track-by='索引' 提高循环性能

<a v-for="" track-by='$index/uid'></a>

在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法,获取更新后的 DOM。

this..nextTick(function () {

  // DOM 更新了

})

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Vue 实例 属性和方法 每个 Vue 实例都会代理其 data 对象里所有的属性:var data = { a:...
    云之外阅读 6,660评论 0 6
  • 33、JS中的本地存储 把一些信息存储在当前浏览器指定域下的某一个地方(存储到物理硬盘中)1、不能跨浏览器传输:在...
    萌妹撒阅读 6,392评论 0 2
  • 基本用法 一、vuejs简介 是一个构建用户界面的框架 是一个轻量级的MVVM(Model-View-ViewMo...
    深度剖析JavaScript阅读 18,294评论 0 8
  • 画舫清光, 柔媚含霜, 行色匆匆的路人对着彩屏说唱。 细雨, 抽泣在微凉的玻璃窗, 和着泪晕, 诉说题字红叶薄薄的...
    少焱阅读 2,985评论 0 0
  • 我班长王老板长着一张十分均匀对称的脸,黝黑的皮肤,怎么说呢?就是长的寒碜,比隔壁老王的儿子还磕碜。 前天,我们...
    鹿亦歌阅读 1,326评论 0 0