VUE--生命周期

一.mounted

mounted

• 类型：Function

• 详细：

  el 被新创建的 vm.$el 替换，并挂载到实例上去之后调用该钩子。如果 root 实例挂载了一个文档内元素，当 mounted 被调用时 vm.$el 也在文档内。

  注意 mounted 不会承诺所有的子组件也都一起被挂载。如果你希望等到整个视图都渲染完毕，可以用 vm.$nextTick 替换掉 mounted：

  mounted: function () {
    this.$nextTick(function () {
      // Code that will run only after the
      // entire view has been rendered
    })
  }
  

  该钩子在服务器端渲染期间不被调用。

二.说明

编译好的html挂载到页面后执行的事件钩子，此钩子函数中一般会做一些ajax请求获取数据，进行数据初始化。

注：mounted在整个实例中只执行一次。

 

参考资料

[1]https://segmentfault.com/a/1190000008570622