nextTick是什么

nextTick是获取更新后的Dom的数据的方法

使用场景

需求：

点击一个按钮，可以改变数据

<template>
    <div ref='box' @click='btn'>{{str}}</div>
</template>
<script>
export defalut({
    data(){
        return{
            str:'123'
        }
    },
    created(){
        btn(){
            //注意，此处如果这样写，改变的只是视图上的数据
            //this.str === 'BBBBB';
            //console.log(this.$refs.box.innerHTML)
            //获取更新后的结果
            this.$nextTick(()=>{
                console.log(this.$refs.box.innerHTML)
            })
        }
    }
})
</script>