结合自己的理解解释一下vue的工作流程及运行机制

本文主要从以前几个方面来探讨vue.js的设计思想及一些原理，在代码的编写上不会过多阐述，重点讲解其思想：

1.Vue.js的响应式原理，理解为什么修改数据视图会自动更新；怪脸·
2.虚拟DOM的概念与原理；
3.模板编译原理，理解Vue.js的模板是如何生效的；
4.Vue.js的整体架构设计与项目结构
5.深入理解Vue.js的生命周期，不同的生命周期钩子之间有什么区别，不同的生命周期间Vue.js内部到底发生了什么；
6.Vue.js提供的各种API的内部实现原理；
7.指令实现原理；
8.过滤器的实现原理；
9.使用Vue.js开发项目的最佳实践

变化侦测
从状态生成DOM，在输出到用户界面显示的一整套流程叫做渲染，应用在运行时不断的进行重新渲染，而响应式系统赋予框架重新渲染的能力，没有它，就没有重新渲染。
什么是变化侦测呢？简单来说，它主要包括两种类型，一种是推(push)，一种是拉（pull）
所谓的pull简单来说，就是当状态发生变化时，并不知道是哪个状态变了，框架内部收到信号后，会进行一个暴力比对来找到那些DOM节点需要渲染，React就是使用的这种方式 而push类型就是将一个状态同时绑定很多依赖，当状态发生变化时，就会向所有依赖发送通知，让他们进行DOM更新操作，Vue.js就是采用这种类型，但是如果每个状态绑定的依赖越多，依赖追踪在内存上的开销就会越大，所以从Vue.js 2.0开始，就引入虚拟DOM，这样一个状态所绑定的不再是具体的DOM节点，而是一个组件，这样状态变化后，会通知到组件，组件内部再使用虚拟DOM比对时，就可以大大降低依赖数量，从而降低依赖追踪所消耗的内存

如何追踪变化：