vue中index.html怎么判断vue是否已经渲染完成

Question

vue项目的index.html页中，需要执行一个方法，但是需要在整个vue渲染完之后执行，该怎么判断是否已经渲染完成呢？用window.onload貌似并不能判断

Answer 1

你可以手动把vue根实例的生命周期暴露出来

mounted() {
  this.$nextTick(() => {
    window.onVueMounted && window.onVueMounted();
  });
},

然后在index.html定义个监听即可

<script>
  window.onVueMounted = function () {
    //...
  }
</script>

如果你无法改动vue代码的话，据我所知目前是没有直接办法去监听的
定义一个定时器监听dom可以实现，但这不是个好主意

Answer 2

不能用vue自带的生命周期么