我绑定完数据之后，发现轮播图失效了，因为我之前用原生js写的时候遇到过同样的问题，我当时的解决办法是等页面加载完成后重新进行滑动初始化，但是今天用vue我蒙了，试了很多生命周期函数也无法确保在页面加载完成后进行初始化。

vue.js更多的希望是通过数据绑定来代替直接通过dom操作，而vue并没有提供渲染完成的钩子。

所以我今天的解决办法是：setTimeout（）

在实例化VUE对象后添加下面代码：

 setTimeout(function(){
  console.log($('#slider').length);
  var gallery = mui('.mui-slider');
  gallery.slider({
   interval: 3000//自动轮播周期，若为0则不自动播放，默认为0；
  });
  },1000);

关于“VUE中如何实现DOM加载后执行自定义事件”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，使各位可以学到更多知识，如果觉得文章不错，请把它分享出去让更多的人看到。