使用方法

①data物件裡面建立會用到布林値的變數
②用v-model操控使用者變更布林値
③v-if=”變數名稱”，當布林値為真，顯示某些元素

範例

當核取方塊被點選，就會顯示下方文字

#app
 label Show text
 input(type="checkbox" v-model="show")
 p the value of show is {{show}}
 hr
 p(v-if="show") Hey the box is clicked !!

var vm=new Vue({
 el: "#app",
 data: {
 show: false
 }
});

Display

Show text

the value of show is false