【新手求助】在node下用vue和swiper的问题

[ming6651]

<template>
<div class=iyc-container>
<div class="swiper-page swiper-container">
<div class="swiper-wrapper">
<component v-for="item in flips" :is=typeMap[$index+1] :data=item ></component>
</div>
</div>
</div>
</template>

<script>
export default{
data: function(){
return {
typeMap: {
1: "Page1",
2: "Page2",
3: "Page3",
4: "Page4",
}
}
},
props: {
flips: {
type: Array
}
},
components: {
Page1: page.Page1,
Page2: page.Page2
},
ready:function(){
new Swiper(".swiper-page", {...})
}
}
</script>


这里是先执行了new Swiper后再加载组件，这样是有问题的，有没有什么办法先渲染了组件后再执行那方法