這篇文章給大家介紹v-if指令怎么在vue中使用,內(nèi)容非常詳細(xì),感興趣的小伙伴們可以參考借鑒,希望對(duì)大家能有所幫助。
成都創(chuàng)新互聯(lián)公司于2013年成立,先為淶源等服務(wù)建站,淶源等地企業(yè),進(jìn)行企業(yè)商務(wù)咨詢服務(wù)。為淶源企業(yè)網(wǎng)站制作PC+手機(jī)+微官網(wǎng)三網(wǎng)同步一站式服務(wù)解決您的所有建站問題。v-if使用一般有兩個(gè)場(chǎng)景:
1- 多個(gè)元素 通過條件判斷展示或者隱藏某個(gè)元素?;蛘叨鄠€(gè)元素
2- 進(jìn)行兩個(gè)視圖之間的切換
下面我寫了兩個(gè)例子,是Vue官方的簡單實(shí)例。
第一個(gè)實(shí)例實(shí)現(xiàn)了 type等于不同值,A,B,C 三個(gè)元素的展示情況。
第二個(gè)例子實(shí)現(xiàn)了,點(diǎn)擊按鈕實(shí)現(xiàn)兩個(gè)視圖的切換。
Vue中v-if的常見使用 v-if的簡單實(shí)用ABCv-if的彈框切換
關(guān)于v-if指令怎么在vue中使用就分享到這里了,希望以上內(nèi)容可以對(duì)大家有一定的幫助,可以學(xué)到更多知識(shí)。如果覺得文章不錯(cuò),可以把它分享出去讓更多的人看到。