（1）Vue入门

JQuery和Vue都是非常优秀的JS库，其中，JQuery操作的为真实的DOM结构，但对于Vue操作的为虚拟的DOM结构。

（1）虚拟的DOM结构可以提高浏览器的渲染速度，对比操作JS对象，操作真实的DOM结构消耗的性能更多。

（2）虚拟dom的实现步骤：

• 页面首次渲染时，将要渲染的数据全部加载到虚拟的DOM结构中，而后再一次性渲染到真实的DOM结构中.
• 数据发生变化时，额外生成一颗虚拟的DOM树
• 通过Diff算法对比修改的部分，而后将修改的部分渲染到真是的DOM中
• 释放内存

（3）MVVM设计思想

• Model    View    ViewModel
• 视图到模型：采用监听的方式，视图数据发生变化会影响模型数据
• 模型到视图：采用绑定的方式，模型数据发生变化影响视图数据（数据绑定的思想）

 

 

（4）vue实例的创建以及数据绑定（vue实例）

（5）vue事件的监听操作（vue事件）

（6）vue生命周期以及钩子函数（vue）

（7）vue组件的注册及注册组件之间的数据传递方法（vue组件）