vue的内置指令有哪些构成

内置指令有16个：v-text、v-html、v-show、v-if、v-else、v-else-if、v-for、v-on、v-bind、v-model、v-slot、v-pre、v-cloak、v-once、v-memo、v-is；其中v-memo是3.2新增的，v-is在3.1.0中废弃。v-show用于控制元素的显藏、v-if用于根据表达式的真假值来有条件地渲染元素。

本教程操作环境：windows7系统、vue3版，DELL G3电脑。

1、什么是Vue指令

在Vue中，指令其实就是特殊的属性

Vue会根据指令，在背后做一些事，至于具体做什么事，Vue根据不同的指令会执行不同的操作，具体后面会说

指令有什么特点

Vue指令有个明显的特点就是，都是以v-开头，例如：v-text

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

2、内置指令

2.1 Vue有哪些内置指令呢

内置指令指的就是Vue自带指令，开箱即用

Vue一共有16个自带指令，包括了：

v-text、v-html、v-show、v-if、v-else、v-else-if、v-for、v-on、v-bind、v-model、v-slot、v-pre、v-cloak、v-once、v-memo、v-is，其中v-memo是3.2新增的，v-is在3.1.0中废弃

下面我们来了解一下这些内置指令的基本使用

2.2 了解16个内置指令的基本使用

2.2.1 v-text

v-text的作用是，用于更新元素的 textContent，例如：

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

h1元素的内容最终取决于msg的值

2.2.2 v-html

与v-text很像，只是v-html用于更新元素的 innerHTML，例如

<div v-html="&#39;<h1>Hello LBJ</h1>&#39;"></div>

需要注意的是，里头内容必须是按普通 HTML 插入

2.2.3 v-show

v-show可以根据表达式的真假值，切换元素的display值，用于控制元素的展示和隐藏，例如：

可以看到，当条件变化时该指令触发显示或隐藏的过渡效果

需要注意：v-show 不支持