Vue2.0关于生命周期和钩子函数

Vue生命周期简介：

Vue1.0+和Vue2.0在生命周期钩子上的区别还是很大的，如下：

代码验证：

     

       

       

       

   

 

       

           

{{ message }}

       

       

   

关于更新

在chrome console中输入命令：

app.message="I am a girl"

关于销毁

在chrome console中输入命令：

app.$destroy();

生命周期总结：

beforecreate: 例子：可以在这加个loading事件；

created：在这结束loading，还做一些初始化，实现函数自执行；

mounted： 在这发起后端请求，拿回数据，配合路由钩子做一些事情；

beforeDestory： 你确认删除XX吗？ 

destoryed ：当前组件已被删除，清空相关内容。