Vue.js指令

Posted 2021-01-04 zhangqigao

一、学习目标

• 了解 什么 是 Vue.js 指令
• 理解 Vue.js 指令的 用途
• 掌握 Vue.js 指令的书写规范
• 能够 使用 Vue.js 指令完成部门页面交互效果(难点和重点)

二、指令的基本概念

2.1、什么是Vue.js指令

指令是带有v-前缀的特殊属性：v-bind、v-bind:is、v-bind:key、v-cloak、v-else、v-else-if、v-for、v-html、v-if、v-model

2.2、Vue.js指令的用途

在表达式的值改变时，将某些行为应用到DOM上。

2.3、Vue.js指令的书写规范

书写位置： 任意HTML元素的开始标签内。

注意：一个开始标签内可写入多个指令，多个指令间使用空格分隔。