指令
指令 (Directives) 是带有 v- 前缀的特殊特性。指令特性的值预期是单个 JavaScript 表达式 (v-for 是例外情况,稍后我们再讨论)。指令的职责是,当表达式的值改变时,将其产生的连带影响,响应式地作用于 DOM。
参考文档: Vue 指令
指令 API : Vue 指令
一、基础指令
- v-text
- v-html
- v-show
- v-if
- v-else
- v-else-if
- v-for
练习: 指令练习页(基础)
请确保自己能独立完成 指令练习页(基础) 中的内容时,才继续 Vue 的学习。
二、进阶指令
- v-on
- v-bind
- v-model
- v-slot
练习: 指令练习页(进阶)
请确保自己能独立完成 指令练习页(进阶) 中的内容时,才继续 Vue 的学习。
三、 高级指令
这部分指令可以暂时先不去熟悉,暂时也还没有提供练习页。
- v-slot
- v-pre
- v-cloak
- v-once