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

原创 小伙子  2018-12-20 21:46:42  阅读 28 次 评论 0 条

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



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


v-pre

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

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

「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


本文地址:http://linuxphp.cn/52.html
版权声明:本文为原创文章,版权归 小伙子 所有,欢迎分享本文,转载请保留出处!

发表评论


表情

还没有留言,还不快点抢沙发?