vue数据驱动

• 操作数据，不建议操作dom

JS数据类型

• 基本 number string boolean null undefined
• Object function
• Symbol(es6)

对象 {} []

数组的变异(括号中的能改变原数组) ES4

• 操作数组的方法 (pop push unshift shift splice reverse sort) indexOf lastIndexof concat slice

es5: forEach filter map find some every

es6: includes reduce

框架和库

• 框架 vue 拥有完整的解决方案
• 库 jquery underscore zepto animate.css

渐进式 （渐进增强）

• vue全家桶 vue、vue-router、vuex、axios
• 通过组合完成一个完整的框架

Vue的两个核心点

• 响应的数据变化

MVVM模式（数据双向绑定angular、vue）

• model 数据
• view 视图
• viewmodel 视图模型

Object.defineProperty(ECMAScript5)没有替代方案

• 不支持ie8及以下的原因

安装Vue

cdn的方式

npm安装 node package manager，vue代码会发布于nodejs.com

• npm init 初始化产生一个package.json的文件，这个文件用来描述项目的依赖，不能有大写，特殊字符
• npm init -y;一键安装初始化
• npm install vue axios bootstrap;

vscode常用快捷键

• 新建文件 Ctrl+N
• 文件之间切换 Ctrl+Tab
• 代码格式化 Shift+Alt+F
• 上下移动一行 Alt+Up 或 Alt+Down
• 上下复制一行 Shift+Alt+Up 或 Shift+Alt+Down
• 在当前行插入一行 Ctrl+Enter
• 在当前行上方插入一行 Shift+Ctrl+Enter
• 快速补全新建HTML文件默认代码
  • 新建文件
  • 点击右下角文档格式：纯文本，上方弹出框中输入html，修改文档格式
  • 输入"!"，按tab选择即可