目录
Vue
**Vue：**用于构建用户界面的渐进式的JavaScript框架
Vue的使用步骤
- 准备工作
- 引入Vue模块
- 创建Vue的应用实例
- 定义元素（div），交给Vue控制
- 数据驱动试图
- 准备数据
- 用插值表达式渲染
常用指令
**指令：**HTML标签上带有v-前缀的特殊属性，不同指令具有不同的含义，可以实现不同的功能
常用指令：<p v-xxx="...">...</p>
案例-员工列表数据渲染展示
v-for
作用：列表渲染，遍历容器的元素或者对象的属性
语法： 
参数说明：
- items为遍历数组的元素
- item为遍历出来的元素
- index：为索引，从0开始；可以省略，省略index的语法：v-for="item in items
key：
**作用：**给元素添加的唯一标识，便于vue进行列表项的正确排序复用，提升渲染性能
推荐使用id作为key（唯一），不推荐使用index作为key（会变化，不对应）
遍历的数组，必须在data中定义；要想让哪个标签循环展示多次，就在哪个标签上使用v-for指令
插值表达式不能出现在标签内部
v-bind
- **作用：**动态为HTML绑定属性值，如设置href，src，style样式等
- 语法： v-bind：属性名="属性值"
- 简化： 属性名="属性值"
v-if&v-show
作用：这两类指令，都是用来控制元素的显示与隐藏的
v-if
语法：v-if="表达式"，表达式值为true，显示；false，隐藏
原理：基于条件判断，来控制创建或移除元素节点（条件渲染）
场景：要么显示，要么不显示，不频繁切换的场景
其他：可以配合v-else-if/v-else进行链式调用条件判断
v-show
语法：v-show="表达式"，表达式之位true，显示；false，隐藏
原理：基于css样式display来控制显示与隐藏
场景：频繁切换显示隐藏的场景
v-model
作用：在表单元素上使用，双向数据绑定。可以方便的获取或设置表单项数据
语法：v-model="变量名"
v-model中绑定的变量，必须在data中定义
v-on
作用：为html标签绑定事件（添加事件监听）
语法：v-on：事件名="方法名"
简写为 @事件名="..."
Ajax
介绍：Asynchronous JavaScript And XML ，异步的JavaScript 和XML
作用：
数据交换：通过ajax可以给服务器发送请求，并获取服务器响应的数据
异步交互：可以在不重新加载整个页面的情况下，与服务器交换数据并更新部分网页的技术，如搜索联想、用户名是否可用的校验等。
同步与异步
async&await
可以通过async、await让异步变为同步操作。async就是来声明一个异步方法，await是用来等待异步任务执行
await关键字只在async函数内有效，await关键字取代then函数，等待获取到请求成功的结果值
Vue生命周期
生命周期：指的是一个对象从创建到销毁的整个过程
生命周期的八个阶段：每触发一个生命周期事件，会自动执行一个生命周期方法（钩子）
