一、ES6箭头函数
特点：
普通函数可以作为构造函数
1、箭头函数不能作为构造函数使用
2、箭头函数没有自己的this 箭头函数的this是上下文环境的
3、箭头函数返回一个对象的时候 需要使用小括号把对象包起来 变成一个表达式
格式：
在代码量比较少（return一行）的情况下怎么写？
代码量比较少情况 没有花括号直接写 =>后表示return
在代码量比较多的情况下怎么写？
在代码量比较多的情况下（例如有if判断等比较多的代码） 还是需要使用花括号包裹
箭头函数没有任何参数怎么写？
括号一样要写不能省略
箭头函数怎么直接返回一个对象？
需要使用小括号把对象包起来 变成一个表达式
箭头函数怎么直接返回一个数组？
箭头函数没有自己的this 箭头函数的this是上下文环境的
可以用来解决：ajax中有两个回调函数里面的this指向会进行改变
通常可以通过定义this来解决
也可以使用用箭头函数来解决
这里的箭头函数里的this只指向h1
二、Vue的基本用法
怎么安装Vue?
怎么引入和写Vue？
1、new一个构造函数传参
2、挂载到id为XXX的元素身上
3、定义数据、数据驱动视图
4、插值表达式
怎么写方法和点击事件？
vue中点击事件简写为@click（@是v-on：的简写）
methods里面写点击显示方法
三、Vue指令
v-if
v-else-if
v-else
v-show
带有 v-show 的元素始终会被渲染并保留在 DOM 中
v-if和v-show的区别？
1、
v-if是把元素从元素文档中删除
v-show因为是通过行类样式的display属性来控制元素显示或隐藏
2、
v-if 频繁的切换 因为是通过删除元素节点的方式比较消耗性能 推荐在首次渲染的时候使用
v-show 频繁切换的时候 因为是通过行类样式的方式对性能影响更小 适合频繁切换
3、
v-if会触发生命周期函数
v-show不会触发
四、Vue循环 - v-for
v-for 循环
循环中第一个参数是 每一项 第二个参数是 索引
动态绑定样式 -v-bind
循环的时候需要动态绑定一个key，动态绑定的时候需要使用v-bind，v-bind 可以简写为：
当拥有一个动态数据的时候，可以给元素绑定一个v-bind类标签
Vue怎么实现页面样式渲染？ - v-bind动态绑定class或style
class格式：
v-bind:class="{样式：定义名}" 简写 :class="{样式：定义名}"
style格式：
style方式可以用三元表达式 颜色要加单引号 不然会变成变量
v-bind:style="{样式：定义名}" 简写 :style="{样式：定义名}"
怎么选择使用？
样式内容比较少推荐使用动态绑定style方式
样式内容比较多推荐使用class方式
五、Vue input语法 - v-model
v-model 语法糖 是作用于表单获取用户填写的value值的时候使用的
