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 } }, ```