Vue js 的生命周期（看了就懂）

用Vue框架，熟悉它的生命周期可以让开发更好的进行。

首先先看看官网的图，详细的给出了vue的生命周期:

它可以总共分为8个阶段：

beforeCreate（创建前）,

created（创建后）,

beforeMount(载入前),

mounted（载入后）,

beforeUpdate（更新前）,

updated（更新后）,

beforeDestroy（销毁前）,

destroyed（销毁后）

然后用一个实例的demo 来演示一下具体的效果：

{{a}}

运行后，查看控制台，

得到这个：

然后再methods 里面添加一个change方法：

{{a}}
change

点击按钮之后出现的是：

这就是vue的生命周期，很简单吧。