Vue.js

MAC上学习Vue---Day7. API详解---指令(Dir

2019-07-23  本文已影响4人  RaRasa

1. v-text

v-text 主要用来更新元素 textContent

<span v-text="msg"></span>

2. v-html

v-htmlv-text 区别在于:v-text 输出的是纯文本,而 v-html 会将其当 html 标签解析后再输出:

<div v-html="html"></div>

3. v-pre

v-pre 主要用来跳过这个元素和它的子元素编辑过程:

<h1 v-pre>{{ msg }}</h1>

4. v-cloak

v-cloak 主要用来保持在元素上直到关联实例结束时再进行编译:

<div id="app" v-cloak>

    <div>{{ msg }}</div>

</div>

若没有 v-cloak,会先编译 <div>{{ msg }}</div>,页面加载时会闪烁。

5. v-once

v-once 主要用来执行一次性插值,当数据改变时,插值处的内容不会更新:

<h2 v-once>{{ msg }}</h2>

上一篇 下一篇

猜你喜欢

热点阅读