vue指令概念

前言

vue 指令是 vue 当中一个非常重要的概念

学习 vue 指令需要了解哪些？

1. 知道什么是指令
2. 理解指令的用途
3. 指令的书写规范
4. 使用指令完成页面的交互效果

1. 什么是指令

用官方话来说就是 html 的特殊属性

HTML的属性是什么？

• 就是写在HTML的开标签中 以 属性=“属性值” 的写法完成的
• 他的作用是用来扩展HTML标签的功能
  举例：< img/> 标签，如果我就这样写，那么它什么也不是，但是当我加上 src=”… …“的时候它就能显示一张图片

指令 就是带有v-前缀的特殊属性

2. 常用的指令的用途

1. v-model ——→ 作用：用于在表单元素中 关联模型数据 从而实现双向数据绑定（重点）
2. v-show ——–→ 作用：控制一个元素的显示和隐藏（元素背动态设置了display:none）
3. v-on ————→ 作用：就是给vue来绑定事件的
4. v-for ————→ 作用：遍历data中的数据
5. v-bind ———-→ 作用:给网页中的html元素绑定属性
6. v-if —————→ 作用:判断是否加载页面元素
7. v-else ———–→ 作用：配合这v-if来对元素进行显示和隐藏
8. v-else-if ——–→ 作用：当有一项成立的时候进行渲染