dom更新是异步的，在更新值后直接去获取更新后的值可能会获取不到，所以要用一个回调的方式 ``` <template> <div> <p ref="msgDiv">{{msg}}</p> <p>{{msg1}}</p> <p>{{msg2}}</p> <p>{{msg3}}</p> <button @click="change">修改内容</button> </div> </template> data () { return { show: true, msg: '变换之前的内容', msg1: '', msg2: '', msg3: '', } }, methods: { change () { this.msg = '变换之后的内容' //异步更新，此时值可能不是最新的 this.msg1 = this.$refs.msgDiv.innerHTML //回调，可在更新后，调用获取更新后的值 this.$nextTick(() => { this.msg2 = this.$refs.msgDiv.innerHTML }) this.msg3 = this.$refs.msgDiv.innerHTML } }, ```