我們都知道，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;
        }
    },