MUI+vue.js在采用ajax方式读入数据后，无法激活slide插件的滑动行为

这个问题坑了 好久。
解决方法 是
在 Vue的生命周期钩子：updated 中
执行

mui("#slider").slider({  
               interval: 3000  
          });

而在nextTick 主动渲染 Dom后，是无法获取到 mui（#slider）对象的。

代码如下：

updated: function() {  
                var sliderMuiObj = mui("#slider");  
                sliderMuiObj.slider({  
                    interval: 3000  
                });  
            },

我使用了官方示例代码中的方法。用定时器等待。依然无法滚动起来。
//幻灯片等待
var sliderWait = setInterval(function() {
//调试
//console.log('幻灯片状态：' + pageModel.sliderReady);
if (pageModel.sliderReady) {
//调试
console.log('可以执行幻灯片了'+ mui('#slider').length);
console.log(document.getElementsByClassName('mui-slider-item').length); //这里可以看到已经加进去了有6个元素

                //清除定时器  
                clearInterval(sliderWait);  
                mui('#slider').slider({  
                    interval: 3000 //自动播放周期  
                });  
            }  
        }, 100);

//幻灯片等待  
            var sliderWait = setInterval(function() {  
                //调试  
                //console.log('幻灯片状态：' + pageModel.sliderReady);  
                if (pageModel.sliderReady) {  
                    //调试  
                    console.log('可以执行幻灯片了'+ mui('#slider').length);  
                    console.log(document.getElementsByClassName('mui-slider-item').length);  //这里可以看到已经加进去了有6个元素  

                    //清除定时器  
                    clearInterval(sliderWait);  
                    mui('#slider').slider({  
                        interval: 3000 //自动播放周期  
                    });  
                }  
            }, 1000);

mark 这是解决办法

我的解决了，给大家分享一下，根本不需要写什么updated,

vue默认模式是异步渲染。就是你修改了data之后，不是立刻开始渲染DOM结构，而是异步执行。

 // 修改数据  
 vm.list = data.list;  
      // DOM 还没有更新  
      vm.$nextTick(function () {  
        // DOM 现在更新了  
 mui("#slider").slider({  
               interval: 3000  
          });  
      })