Vue基础 —— 语法和概念
# 插值表达式
- 标识符：
{{}} - 通过插值表达式把data中的成员显示在模板中的任何位置
- 如果内容中有HTML字符串，表达式会把内容解析为普通文本，HTML的内容会被转义**（如果想对HTML的内容进行输出，可以使用v-html指令）**
# 指令
vue的内置指令有14个，如果这些指令不满足需求（例如：想让文本框在页面中打开的时候获取焦点，可以创建自定义指令），在自定义指令中创建DOM，官方有相应的示例。
# 计算属性和侦听器
当模板中有很多逻辑需要处理的时候，推荐使用计算属性。计算属性的结果会被缓存，下次再访问该计算属性的时候，会从缓存中获取相应的结果，从而提高性能。
如果我们需要监听数据的变化做出一些比较复杂的操作，例如异步操作 or 开销比较大的操作，这个时候要用侦听器。用法参考官方文档的示例。
# Class 和 Style 绑定
绑定样式的时候可以使用Class 和 Style，他们可以分别绑定数组或者对象。
实际开发中都推荐Class绑定，让样式可以重用。
# 条件渲染/列表渲染
可以通过v-if or v-show控制元素的显示和隐藏。
- v-if是如果条件为false的时候，不会输出相应的元素
- v-show元素会渲染到页面，通过样式控制其隐藏
列表渲染使用v-for，vue推荐我们给循环项都设置一个key，用来跟踪每个节点的身份，让每一项都最大程度上被重用从而提高性能。
key是如何工作的？之后源码中会介绍
# 表单输入绑定
当我们使用v-model绑定表单元素的时候，它负责去监听用户的输入事件以及更新数据，也就是我们说的双向绑定。
# 组件
组件是可复用的vue实例，一个组件封装了HTML\Css\JavaScript，它可以实现页面上的一个功能区域，可以无限次的被重用（elementUI中的组件都是可复用的基础组件）
# 插槽
如果我们想开发一个自己的组件，就可能会用到插槽，插槽在一个自定义组件中挖一个坑，在使用的时候填坑。这样的目的是让组件更灵活。
例如vue-router中的<router-link>组件，它里面的文本是使用的时候外部传递进来的，其内部就是使用插槽进行占位的。
# 插件
vue中的vue-router，vuex都是插件，我们也可以开发自己的插件。
# 混入 mixin
如果多个组件都有相同的选项，就可以使用混入的方式把相同的选项进行合并，让代码重用。这是让组件重用的一种方式。
# 深入响应式原理
vue的官方文档上介绍了vue的响应式原理，后续课程中会模拟响应式机制。
# 不同构件版本的 Vue
vue打包之后会生成不同版本的vue，它支持不同的模块化方式以及带编译器和不带编译器的vue。可以通过官方文档自己体会。