VUE应在那个生命周期获取后台数据?

Question

vue项目中使用axios获取后台数据是在那个生命周期中？created还是mounted？他们的区别在那？

Answer 1

mounted或者created都可以。created时dom还没有加载，适合调用一些对dom起作用的方法从后台获取数据。毕竟vue数据即视图嘛。可以把created周期视作js中的load()
其中created()钩子函数进行的DOM操作一定要放在Vue.nextTick()的回调函数中

created() {
  this.$nextTick(() => {
    //dom操作
  })
}

mounted时dom已经加载完毕，适合调用一些对dom起补充作用的方法从后台获取数据。可以把mounted视作jquery中的ready()。

一般来说mounted用的最多，因为大多数都是基于dom树，对视图的的更新和修改。