Vue 容易忘记基础知识

 

 

在运行better-scroll 这类组件的时候

请设置延时，一定要保证在DOM渲染完毕后初始化better-scroll

可以设置

setTimeout(() => { 
this._initScroll() 
}, 20)

或者

this.$nextTick(() => { 
this._initScroll() 
})

 

然后在vue中nextTick和$nextTick的差别可以用一下例子来区分

<ul id="demo">

     <li v- for = "item in list" >{{item}}</div>

</ul>

 

new  Vue({

     el: '#demo' ,

     data:{

         list=[0,1,2,3,4,5,6,7,8,9,10]

     },

     methods:{

         push: function (){

             this .list.push(11);

             this .nextTick( function (){

                 alert( '数据已经更新' )

             });

             this .$nextTick( function (){

                 alert( 'v-for渲染已经完成' )

             })

         }

     }})

* `Vue.nextTick(callback)`，当数据发生变化，更新后执行回调。
* `Vue.$nextTick(callback)`，当dom发生变化，更新后执行的回调。

转载于:https://www.cnblogs.com/Marinnn/p/8877035.html