依據官網的生命週期，資料更新時，相關的元件生命週期包括beforeUpdate 、updated 。

$forceUpdate 迫使元件或例項強制渲染。

示例

方法用於更新資料。當執行this.$forceUpdate() 時，重新重新整理資料。（輸出“更新了資料”）

 1 <template>
 2     <view class="flex flex-direction">
 3         <view>姓名:{{ student.name }}</view>
 4
 
         <view>年齡：{{ student.age }}</view>
 5         <button class="margin-top cu-btn bg-blue" @click="addAge">年齡+1</button>
 6         <button class="margin-top cu-btn bg-blue" @click="reload">更新資料</button>
 7     </view>
 8 </template>
 9 
10 <script>
11
 
     export default {
12         name:"comp-x",
13         data() {
14             return {
15                 student:{
16                     name :'張三',
17                     age:15
18                 }
19             }
20         },
21         updated:function(){
22             console.log("更新了資料");
 
23         },
24         methods:{
25             addAge: function(){
26                 this.student.age += 1;
27             },
28             reload: function(){
29                 this.$forceUpdate();
30             }
31         }
32     }
33 </script>

參考網址

• https://cn.vuejs.org/v2/api/#vm-forceUpdate
• 元件生命週期： https://uniapp.dcloud.io/collocation/frame/lifecycle?id=%e7%bb%84%e4%bb%b6%e7%94%9f%e5%91%bd%e5%91%a8%e6%9c%9f