Vue基本语法——插值语法
一、模板语法1.1插值语法1.1.1mustache语法如果我们希望把数据展示到模板(template)中,使用最多的是Mustache语法(双大括号)的文本插值:1.1.2 v-once用于指定元素或者组件只渲染一次:当数据变化时,元素或组件将视为静态内容并跳过;该指令可以用于性能优化;1.1.3 v-text用于更新元素的textContent:1.1.4 v-html默认情况下,如果我们展示
·
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>不会显示,直到编译结束。
更多推荐
已为社区贡献2条内容
所有评论(0)