指令

指令 (Directives) 是带有 v- 前缀的特殊特性。指令特性的值预期是单个 JavaScript 表达式 (v-for 是例外情况,稍后我们再讨论)。指令的职责是,当表达式的值改变时,将其产生的连带影响,响应式地作用于 DOM。

参考文档: Vue 指令open in new window

指令 API : Vue 指令open in new window

一、基础指令

  1. v-text
  2. v-html
  3. v-show
  4. v-if
  5. v-else
  6. v-else-if
  7. v-for

练习: 指令练习页(基础)open in new window

请确保自己能独立完成 指令练习页(基础) 中的内容时,才继续 Vue 的学习。

二、进阶指令

  1. v-on
  2. v-bind
  3. v-model
  4. v-slot

练习: 指令练习页(进阶)open in new window

请确保自己能独立完成 指令练习页(进阶) 中的内容时,才继续 Vue 的学习。

三、 高级指令

这部分指令可以暂时先不去熟悉,暂时也还没有提供练习页。

  1. v-slot
  2. v-pre
  3. v-cloak
  4. v-once