vue学习路线

一、通过案例对比computed和watch 姓名案例（输入框分别输入姓和名，全名展示姓名的组合） 1.通过computed实现 2.通过watch实现 二、总结computed和watch之间的区别

一、用案例引出监视属性watch 二、watch 的特点 三、watch 属性的选项 四、watch 监视属性简写 五、watch 深度监视特点

一、计算属性的定义和原理，get函数什么时候执行； 二、总结插值语法/methods/计算属性的区别；

一、事件的基本原理（ v-on:xxx 或者 @XXX） 二、事件的修饰符 三、键盘事件 四、事件的特殊使用技巧

一.回顾Object.defineProperty用法 二.何为数据代理？ 三.vue中的数据代理(原理/好处)

1.MVVM（Model-View-ViewModel）模型是什么？ 2.通过案例理解vue中MVVM模型起到的作用。

一、el的两种写法 1.el: "#root" 2.vm.$mount('#root') 二、data的两种写法 1.对象式 2.函数式

vue中有2种数据绑定的方式： 1.单向绑定（v-bind）：数据只能从data流向页面。 2.双向绑定（v-model）：数据不仅能从data流向页面，还可以从页面流向data。

Vue模板语法： 1.插值语法，用于解析标签体内容 2.指令语法用于解析标签（包括：标签属性、标签体内容、绑定事件...）

1.vscode如何启动单个页面； 2.Vue Devtools下载与安装； 3.解决vue页面首次启动的报错问题； 3.引入vue.js，简单案例实现，理解vue原理，体会vue开发的特点；

1.vue是什么？ 2.vue是谁开发的？ 3.vue的特点？ 4.学习vue之前要掌握的Javascript基础知识？ 5.vue官网 6.vue安装