vue中v-show你不知道的用法 created computed mounted的執行順序

我們都知道，v-show的值是一個布爾類型的。
我通過這個值進行顯示或者隱藏。
但是有些時候，這個值是true還是false，我們需要去進行計算
此時我們就可以使用v-show="XXX()"
通過XXX()這個方法來返回true或者false
              

 <div class="demo-div" v-show="comBoolenWay()">我是顯示或者隱藏</div>
  
 methods: {
     comBoolenWay() {
          return true
     }
  },

如果這個數據不會頻繁的發生該變，你也可以使用vue中的computed來進行緩存數據
conputed時有緩存的，當數據發生改變的時候，就會進行計算 

  <div class="demo2-div" v-show="showWay">顯示====隱藏</div>

  dec: "1213",

   computed: {
        showWay: function () {
            return this.dec ? true : false;
        }
    },

當頁面進行渲染的時候，就會去執行computed中的showWay方法，
如果值時true,這顯示，否者就不顯示。

我想問此時在created中寫一個函數，computed中寫一個函數 和 mounted中寫一個函數
你知道函數的執行順序嗎

是created先執行。因為created是初始化data中的值。因此最先執行

然后是 執行computed中的，因為此時html正在被渲染，所以去執行computed

最后是monted()因為這個函數此時已經將頁面渲染完成了。

   <div class="demo2-div" v-show="showWay">顯示====隱藏</div>
      data(){
            return{
                 dec: "1213",
            }
      }
    

   created() {
        console.log("created");
    },

    mounted() {
        console.log("mounted");
    },
    computed: {
        showWay: function () {
            console.log("computed");
            return this.dec ? true : false;
        }
    },