其他分享
首页 > 其他分享> > Vue基本语法——插值语法

Vue基本语法——插值语法

作者:互联网

1.1插值语法

1.1.1 mustache语法

如果我们希望把数据展示到模板(template)中,使用最多的是Mustache语法(双大括号)的文本插值:

1.1.2 v-once

用于指定元素或者组件只渲染一次:

当数据变化时,元素或组件将视为静态内容并跳过;

该指令可以用于性能优化;

1.1.3 v-text

用于更新元素的textContent:

1.1.4 v-html

默认情况下,如果我们展示的内容本身是html的,那么vue并不会对其进行特殊的解析。

若希望这个内容被Vue可以解析出来,那么可以使用v-html来展示:

1.1.5 v-pre

v-pre用于跳过元素和它的子元素的编译过程,显示原始的Mustache标签;

跳过不需要编译的节点,加快编译速度;

1.1.6 v-cloak

这个指令保持在元素上直到关联组件实例结束编译。

和CSS规则如[v-cloak] { display: none } 一起用时,就可以隐藏未编译的Mustache标签直到组件实例准备完毕。

<div>不会显示,直到编译结束。

标签:Vue,1.1,插值,元素,语法,编译,组件,Mustache
来源: https://blog.csdn.net/qq_41924402/article/details/120448978