nextTick的使用

使用nextTick的原因：Vue是异步修改DOM的，并且不鼓励开发者直接接触DOM，但是有时候需要必须对数据更改后的DOM元素做相应的处理，但是获取到的DOM数据并不是更改后的数据，这时候就需要this.$nextTick()；

使用：

//HTML

<button @click="change()">按钮</button><h1 ref="gss">{{msg}}</h1>

//JS

export default{

    name:"app",

    data(){

        return {

            msg:"123"

        }

    },

    methods:{

        change(){

            this.msg = "456";

            console.log(this.refs["gss"].innerHTML)//123

            this.$nextTick(function(){

                console.log(this.refs["gss"].innerHTML)//456

            })

        }

    }

    

}