1小时学会Vue之核心语法 趁着暑假掌握一门技能 大学生前端实习毕业设计必...
一、定义：是一个渐进式的JavaScript框架
二、特点：
- 减少了大量的DOM操作编写 ，可以更专注于逻辑操作
- 分离数据和界面的呈现，降低了代码耦合度
- 支持组件化开发，更利于中大型项目的代码组织
三、.vue2核心功能：
1、响应式数据与差值表达式
先实例化vue，在内部设置el（选择器，这个vm实例对谁生效），data 声明响应式数据,return()方法来写，插值表达式使用{{}}，method封装方法（与data同级）
2、计算属性 computed
当对象定义，当属性使用。具有缓存性
3、侦听器 watch
参与响应式的过程，响应式数据发生改变时触发
4、指定
- 内容指令
v-text和v-html 会覆盖原本内容
- 渲染指令
v-for 渲染重复或可遍历的
遍历数组时，key就是index--索引；
遍历对象时，key就是属性名，index是索引，item是属性值
v-if="true"渲染当前标签，="false"销毁当前标签；
v-show="true"渲染当前标签，="false"会给当前标签添加display:none来隐藏当前标签;
v-if 和 v-show可绑定一个响应式数据做动态设置
- 属性指令 用来做一些属性绑定 可配合响应式数据
v-bind 简写 :
- 事件指令 可代替操作DOM绑定事件 可配合methods里自定义的方法使用
v-on 简写 @
- 表单指令 实现数据和视图的双向数据绑定
v-model 可以让用户通过输入框去干预响应式的内容
- 修饰符 实现与指令之间的相关操作 可简化代码和DOM操作 添加在指令后面
比如：.trim 去除空格 v-model.trim
（啊，视频两倍速十几分钟就能看完，写日记却要一个小时左右，截图还得自己手动截，没时间找视频时间戳了）
