vue $nextTick的用法

含义：在下一次Dom循环更新之后，执行回调函数，用于获取更新后的Dom。类似js中的setTimeout（宏任务）。

<template><p v-for='i in arr'>{{i}}</p> <button @click='add' /></template>

export default {

        data(){

                return {

                arr:[1,2,3]

                }

        },

        created(){

               

        },

        methods:{

                add(){ this.arr.push(4);}//此时arr=[1,2,3,4],但是Dom还未更新 p标签的innerHtml还是123.

                this.$nextTick(()=>{

                        add(){ this.arr.push(4);}//此时arr=[1,2,3,4],但是Dom更新 p标签的innerHtml是1234                });

        }

}