上節(jié)課簡單的學了vue,這節(jié)課學vue的內部指令区丑,之前自己也搗鼓過官方文檔拧粪,然而并沒有深入的去了解。
1沧侥、v-if:
是vue的一個內部指令可霎,指令用在html中,用的場景大概就是判斷有沒有登錄正什,如果登錄了就顯示啥纸,你好!xx,沒有登錄就跳轉到登錄頁
v-if用來判斷是否加載html的DOM婴氮,模擬一個用戶登錄狀態(tài)斯棒,在用戶登錄后顯示用戶名稱,在vue的data里定義了isLogin的值主经,如果它為true荣暮,網頁就會顯示:你好:xxx,如果為false時罩驻,就顯示請登錄穗酥。
2、v-show:
調整css中display屬性,DOM已經加載,但是是否顯示也是看data里的值是不是ture
3砾跃、v-if 和v-show的區(qū)別:
v-if: 判斷是否加載骏啰,可以減輕服務器的壓力,在需要時加載抽高。
v-show:調整css dispaly屬性判耕,可以使客戶端操作更加流暢。