vue的生命周期主要有八个，分别为
beforeCreate、created、beforeMount、mounted、beforeUpdate、updated、beforeDestory、destoryed。
befroeCreate阶段：此时变量和方法均为初始化加载出来，在这个阶段调用任何变量和方法都只是undefined
created阶段：此时变量和方法已完成初始化，可以正常访问变量和方法
beforeMounted阶段：render函数被调用，生成虚拟dom，但此时el尚未挂载
mounted阶段：el已经挂载，可以正常进行dom操作
beforeUpdated阶段：数据的状态发生改变（数据更新），但尚未将变化后的数据渲染到页面的阶段，
此阶段可以监听到数据data的变化，同时也是修改data的最后机会，可以在这个阶段对修改后的data进行二次修改。
updated阶段：数据状态已经发生改变并渲染到页面上
beforeDestory阶段：vue实例尚未被销毁，此阶段vue实例的变量和方法可以正常调用
destoryed阶段：此阶段vue的实例被销毁，变量和方法无法调用
笔记参考来源：https://segmentfault.com/a/1190000011381906