指令 (Directives) 是带有 v- 前缀的特殊特性。 指令特性的值预期是单个 JavaScript 表达式 (v-for 是例外情况,稍后我们再讨论)。
指令的职责是,当表达式的值改变时,将其产生的连带影响,响应式地作用于 DOM。
下面三项看官方文档
1. 参数
2. 动态参数
3. 修饰符
————————————————————————————————————————
前面涉及的指令: v-once v-html
v-text
功能与mustache语法相似,但不够灵活
<p>{{message}} , cicoBi
</p> //hello~ , cicoBi
<p v-text = 'message'>
</p> //hello~
<p v-text = 'message'> , cicoBi
</p> //hello~
使用v-text的p标签内的内容,会被覆盖
v-pre
与html标签pre功能相似,将内容原封不动输出
<h2 v-pre>{{message}}
</h2> //{{message}}
v-cloak (斗篷)
防止浏览器直接显示出未编译的mustache标签 vue编译完成前,p标签上有v-cloak属性,vue编译完成后,v-cloak属性被清除
<style>
[v-cloak]{ display: none; }
</style>
<p v-cloak>{{message}}
</p>