vue生命周期（解决vue数据呈现）

首先我只能说vue的这个生命周期很重要，当你看官方文档之后可以没看懂，我简单解释一下，

生命周期就相当于人的一生，你会有出生前，出生后，辉煌前，辉煌后，死亡前，死亡后，当前vue也有这些东西。

先上图：

我的妈妈，图好大

在图中我们观察到

这左边就有两个属性（就跟vue中的data，methods一样同级的函数），当然官方叫它们钩子，根据意义（看下面那个黄色的英文），我们可以在数据挂载到标签之前对vue进行一些操作，主要作用：

重点重点重点

我当时向将axios获取的数据呈现到vue的标签中，虽然说有可以呈现的，但在母体（每次要初始化的那部分标签中我始终没将数据呈现上去），后面我才知道有生命周期这个东东，在这里我们可以在created()中将要呈现的数剧先抓取到，再将它处理之后赋值到data，这样我们就可以在挂载之前将数据部分处理好，就可以动态呈现数据了。

当然下面还有那几个mounted、updated 和 destroyed

当然也很有用但是比起这些就大家自己了解

这里展示官方的代码关于created()

new Vue({
  data: {
    a: 1
  },
  created: function () {
    // `this` 指向 vm 实例
    console.log('a is: ' + this.a)
  }
})
// => "a is: 1"

更多了解,附官网Vue 实例 — Vue.js