vue6---模板语法--2.指令

mac2026-01-08  8

指令 (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>
最新回复(0)