美文网首页Vue.js
MAC上学习Vue---Day7. API详解---指令(Dir

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

作者: RaRasa | 来源:发表于2019-07-23 08:36 被阅读4次

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>

相关文章

网友评论

    本文标题:MAC上学习Vue---Day7. API详解---指令(Dir

    本文链接:https://www.haomeiwen.com/subject/dhdglctx.html