首页 > 技术连载 > 正文

「Vue.js开发连载十二」vue.js指令v-pre+v-once

来源:卓象IT实训基地【原创】 时间:2018-11-09

上一篇文章讲解“vue.js指令v-html”,本篇文章讲解“vue.js指令v-pre+v-once”。


v-pre

跳过这个元素和它的子元素的编译过程。可以用来显示原始 Mustache 标签。跳过大量没有指令的节点会加快编译。

【例】在p标签上加一个指令,再应用v-pre指令。

「Vue.js开发连载十二」vue.js指令v-pre+v-once


浏览器访问:

「Vue.js开发连载十二」vue.js指令v-pre+v-once



v-once

只渲染元素和组件一次。随后的重新渲染,元素/组件及其所有的子节点将被视为静态内容并 跳过。这可以用于优化更新性能。

「Vue.js开发连载十二」vue.js指令v-pre+v-once


浏览器访问:

「Vue.js开发连载十二」vue.js指令v-pre+v-once


Vue.js连载为卓象程序员原创,转载请联系卓象程序员

「Vue.js开发连载十二」vue.js指令v-pre+v-once


关注卓象程序员,定期发布技术文章

下一篇讲解“vue.js计算属性”

「Vue.js开发连载十二」vue.js指令v-pre+v-once

上一篇: 「Vue.js开发连载十一」vue.js指令v-html
下一篇: 「Vue.js开发连载十三」计算属性