Vue2.js

打包优化 分析打包结果 由于vue-cli是利用webpack进行打包，我们仅需加入一个webpack插件webpack-bundle-analyzer`即可分析打包结果

组件需要什么共享数据，可以自由的从仓库中获取，需要什么拿什么。 组件可以自由的改变仓库中的数据响应式，仓库的数据变化后，会自动通知用到对应数据的组件更新。

监听页面的滚动（事件总线），当图片这个元素的位置，在视口区域中的时候加载真实图片； 当没有在视口范围内时，就默认一个图片，从而实现懒加载效果

事件总线是跨越 js 模块和组件的 提供监听某个事件的接口， 提供取消监听的接口 触发事件的接口 触发事件后会自动通知监听者； v-model （专门用于表单元素）实现表单数据双向绑定

$listeners是用于获取父组件传过来的所有事件函数 。案例场景分析 （组件通信）： 子组件发生了一件事情，需要等待父组件处理，并且在父组件处理过后，子组件还要根据父组件传递的数据再做处理。

虚拟 DOM 树 直接操作真实的 DOM 会引发严重的效率问题，vue 使用虚拟 DOM（vnode）的方式来描述要渲染的内容，vnode 时一个普通的 js 对象，用于描述界面上应该有什么，比如说：