vue-swiper组件化：解决异步请求数据时swiper过早初始化问题：

最初始的swiper组件封装： 

    <div id="box">
        <swiper>swiper>
    div>
 
    <script>
        Vue.component("swiper", {
            template: `
                <div class="swiper">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">11111div>
                        <div class="swiper-slide">22222div>
                        <div class="swiper-slide">33333div>
                    div>
                    <div class="swiper-pagination">div>
                div>
            `,
            mounted(){
                new Swiper(".swiper", {
                    loop: true, // 循环模式选项
 
                    // 如果需要分页器
                    pagination: {
                        el: '.swiper-pagination',
                    }
                })
            }
        })
 
        new Vue({
            el: "#box",
            data: {
 
            }
        })
    script>

但是这样的问题是：

他人想根据需求创建自己的dom， 也就是想把下面的111,222内容换掉，轮播自己的东西；

class="swiper-slide">11111
<div class="swiper-slide">22222div>
<div class="swiper-slide">33333div>

那我们就可以在 “

"box">
        
            <div class="swiper-slide">11111div>
            <div class="swiper-slide">22222div>
            <div class="swiper-slide">3333