卓象程序员 | 哈尔滨IT培训 | 品质教育,口碑传承 | 为做出口口相传,好口碑的教育品牌而奋斗!

卓象程序员让每一位学员高薪就业 联系我们13101507057

加微信,了解详情
您所在的位置:首页 > 文章 >Vue.js

「Vue.js开发连载十二」vue.js指令v-pre+v-once
时间: 2018-11-09 10:34:05     来源: 卓象IT实训基地【原创】

上一篇文章讲解“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