$nexttick 如何使用？

用法：下次DOM更新完毕后 --> 执行nexttick延迟回调  --> 重新解析页面渲染绘画

妙用： 一般结合数据修改后，使用nexttick进行回调，更新DOM

this.$nexttick(回调函数)

什么时候？用：

html 结构已经有 +  暂无数据。需要获取新数据，基于新DOM的基础上~执行回调进行某些操作
 

、//检测数据修改后，BOM更新完毕，执行$nexttick回调函数，最好解析html
watch:{
    bannerList:{
    handler(){
        //检测到数据有改变时候，在执行DOM更新，在执行回调，在解析html
        this.$nextTick(()=>{
             //new swiper
        var mySwiper = new Swiper(this.$refs.mySwiper, {
            // 循环模式选项
            loop: true, 
            autoplay:true,
            // 如果需要分页器
            pagination: {
                el: '.swiper-pagination',
                clickable:'true'
            },
            // 如果需要前进后退按钮
            navigation: {
                nextEl: '.swiper-button-next',
                prevEl: '.swiper-button-prev',
            },})
        })
    }
}}