vue方法

<template>
    <div class="hello">
        <div class="hello">
            <div>
                <button @click="myclick()" ref="aa">{{msg}}</button>
            </div>
        </div>
    </div>
</template>

<script>
    export default {
        name: ‘HelloWorld‘,
        data() {
            return {
                msg: ‘原始值‘
            }
        },
        methods: {
            myclick: function() {
                let that = this;
                that.msg = "修改后的值";
                //console.log(that.$refs.aa.innerText); //that.$refs.aa获取指定DOM，输出：原始值
                that.$nextTick(function(){
                    console.log("dom更新了")
                        console.log("$nextTick:"+that.$refs.aa.innerText);  //输出：修改后的值
                });
                }
        }
    }
</script>

<style scoped>

</style>