技術標籤：vue

<div>
            <p ref="msg">{{msg}}</p>
            <p>{{'1'+msg1}}</p>
            <p>{{'2'+msg2}}</p>
            <p>{{'3'+msg3}}</p>
            <button @click="changeData">改變資料</button>
 </div>

msg:'原資料',
msg1:'',
msg2:'',
msg3:'',

changeData(){
            this.msg='新資料';
            this.msg1=this.$refs.msg.innerHTML;
            this.$nextTick(()=>{
                this.msg2=this.$refs.msg.innerHTML;
            })
            this.msg3=this.$refs.msg.innerHTML;
 }
 

作用：資料更新後，將回調延遲到DOM 更新之後執行
參考文章