vue的生命周期

这张图即是官方文档中的vue的生命周期，大致上可以这么描述：

• 创建一个vue实例对象
• 初始化空的实例对象
• 初始化data和methods中的方法
• 开始编辑模板，在最后将模板放到内存中
• 将编辑好的模板渲染到页面
• 数据的更新，dom的调用
• 最后的销毁

其中各钩子函数：

• beforeCreate：初始化了一个空的实例对象，此时只有默认的函数和事件，其他东西还没创建
• created：data和methods中的方法已经初始化，这之中的方法可以像js中的onload那样去使用
• mounted：如果通过某些插件去操作页面上的dom节点，最早要在mounted去执行
• beforeUpdate：顾名思义，在数据更新前的触发
• updated：数据更新后触发
• beforeDestroy：此时东西还没销毁，可以继续使用
• destroyed：此时所有东西都不可用了