Vue watch + nextTick(回调函数)

一、watch

作用：对数据进行监听，数据发生变化时执行

二、nextTick

作用：数据修改后，DOM更新完毕后，执行里面的内容，可以和swiper插件配合使用

三、案例

 watch:{
      // 1、监听数据发生变化, bannerList存储 图片数据
      bannerList:{
        handler(newVal, oldVal){
          // 2、DOM更新完毕，执行 
          this.$nextTick(()=>{
            // 3、执行 swiper
            new Swiper ('.swiper-container', {
              loop: true, // 循环模式选项
              
              // 如果需要分页器
              pagination: {
                el: '.swiper-pagination',
                clickable: true
              },
              
              // 如果需要前进后退按钮
              navigation: {
                nextEl: '.swiper-button-next',
                prevEl: '.swiper-button-prev',
              },
    
            })        

          })
        }
      }
    },