Vue 2挂钩准备好了

Question

Vue 2,是否存在实际引用"完成渲染"的生命周期钩子？我想在进入页面时加载一个加载屏幕,它会逐渐消失并在Vue完成加载所有内容后显示页面内容,但我已经尝试了大部分生命周期钩子但没有工作.如果updated引用"完成渲染",我会尝试这样做:

updated(){
  this.loaded()
},
methods:{
  loaded(){
    var vm = this;
    this.loading = false;
  }
}

如果没有这样的生命周期钩子,你建议我做什么呢？谢谢

Answer 1

可能你正在寻找的方法是mounted(),当vue组件准备就绪时会触发它.您可以在此处查看Vue生命周期文档

所以你的Vue实例可能看起来像这样:

  var app = new Vue({
  el: '#app',

  /*
  * When the instance is loaded up
  */
  mounted: function () {
     this.loaded()
  }

  methods: {
    loaded: function () {
      var vm = this
      this.loading = false
    }
  }
})