HTML开发 h5 vue引入Swiper

1.引入css文件

    <link rel="stylesheet" href="css/swiper.min.css">

2.引入js文件

  <script src="js/swiper.min.js"></script>

3.需要引入一个插件 vue-awesome-swiper  并引入

  <script src="./node_modules/vue-awesome-swiper/dist/swiper.js"></script>

4.在挂载vue之前先挂载一下swiper

     Vue.use(window.VueAwesomeSwiper)
    const _vue = new Vue({
        el: "#app",
        data: {
            configval: configval,
            bannerLsit:[
              {
                img:'https://img2.baidu.com/it/u=3225377263,476581041&fm=26&fmt=auto'
              },
              {
                img:'https://img2.baidu.com/it/u=1932664587,3329123887&fm=253&fmt=auto&app=138&f=JPEG?w=