遇到vue一個(gè)頭大的問(wèn)題，關(guān)于dom何時(shí)渲染完畢

先上代碼：

//定義的一個(gè)組件
var indexComponent = {
    template: `
        <div class="all-continent">
            <div class="show-box">
                <div class="swiper-banner">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide" v-for="item in bannerList">
                            <img v-bind:src="item.image">
                        </div>
                    </div>
                    <div class="all-center swiper-page"></div>
                </div>
                <div class="brief">1111111111111111111111111</div>
            </div>
        </div>
    `,
    data: function() {
        return {
            bannerList: null
        };
    },
    created: function() {
        var _this = this;
        if ( pagesHashInfo.index.data ) {
            _this.$set(_this.$data, 'shopList', pagesHashInfo.index.data.shopList);
            _this.$set(_this.$data, 'bannerList', pagesHashInfo.index.data.bannerList);
        } else {
            $.ajax({
                'url': '/index/Advertisement/getAdvertisementList',
                'type': 'POST',
                'success': function(res) {
                    _this.$set(_this.$data, 'bannerList', res.data);
                }
            });    
        }
    },
    updated: function() {
        new Swiper( ".swiper-banner", {
            pagination: {
                el: ".swiper-page",
            }
        });
    },
    destroyed: function() {
        console.log(“已經(jīng)銷毀”);
        if (!pagesHashInfo.index.data) {
            pagesHashInfo.index.data = this.$data;    
        }
    }
};
//扔到已經(jīng)存在的路由堆里，實(shí)際上只會(huì)扔進(jìn)去一次
vueApp.$router.options.routes.push( { path: '/index', component: indexComponent } );
vueApp.$router.addRoutes( vueApp.$router.options.routes );

問(wèn)題：發(fā)現(xiàn)想用swiper做輪播，但是監(jiān)聽(tīng)不到dom何時(shí)渲染完畢，唯一的updated鉤子發(fā)現(xiàn)全程只執(zhí)行一次，但是destroyed每次在切換時(shí)，都會(huì)執(zhí)行，但是updated怎么會(huì)沒(méi)有被銷毀掉？這是為啥呢？