VU3 生命週期 ， foceUpdate用法

  /*
  執行順序
  setup 
  onMounted111
    onMounted222
      mounted! 
       onUpdated1 
        onUpdated22 
        updated!
  */
  mounted() {
    console.log("mounted!");
  }, 
  //VU3 的setup只能寫一個， 後者會覆蓋前者，生命週期函數不會覆蓋，這也是Composition API 的優勢，可按功能模塊寫，代碼可讀性強
  setup() {
    console.log("setup");
    onMounted(() => {
      console.log("onMounted111");
    });
    onMounted(() => {
      //VUE3中強制更新
      let { ctx } = getCurrentInstance();
      ctx.$forceUpdate();
      console.log("onMounted222");
    });
    onUpdated(() => {
      console.log("onUpdated1");
    });
    onUpdated(() => {
      console.log("onUpdated22");
    });
  },
  //VUE2的生命週期函數，寫兩個一樣的， 後者會覆蓋前者。
  updated() {
    console.log("updated!");
  },