VUE文件生命周期超详细介绍，CSS内联样式的使用

更新前/后：当data变化时，会触发beforeUpdate和updated方法

销毁前/后：在执行destroy方法后，对data的改变不会再触发周期函数，说明此时vue实例已经解除了

事件监听以及和dom的绑定，但是dom结构依然存在

---

2.1 beforeCreate（创建前）

此阶段为初始化之后，此书的数据观察和事件机制都没形成，不能获得DOM节点。刚刚new Vue()之后，这个时候，数据还没有挂载呢，只是一个空壳。

获取不到data里的数据，，method是、computed等设置的方法都不用用，获取不到template中设置的dom。

2.2 created（创建后）

此阶段vue实例已经创建，仍然不能获取DOM元素。这个时候已经可以使用到数据，也可以更改数据,在这里更改数据不会触发updated函数。接下来开始找实例或者组件对应的模板，编译模板为虚拟dom放入到render函数中准备渲染

可以获取到data里的数据，可以更改data的数据，获取不到template中设置的dom，可以调用methods里的方法，可以获取computed中的计算属性

2.3 beforeMount（载入前）

此阶段，仍然得不到具体的DOM元素，但vue挂载的根节点已经创建，相关的render函数首次被调用（虚拟DOM），下面vue对DOM的操作将围绕根元素继续进行。实例已经完成如下配置：编译模板，把data里面的数据和模板生成HTNL࿰