vue學(xué)習(xí)筆記--條件渲染 v-if和v-show

目標:顯示或隱藏一段文本
原理:v-if v-show
分析:
共同點:都可以通過該指令去控制文本的顯示或者隱藏
不同點:v-if 直接從DOM上移除或者添加嘹吨,
v-show 會在DOM上設(shè)置display:none屬性
適用場景:如果經(jīng)常顯示或者隱藏文本v-show提升性能泽艘,如果不常操作顯示或者隱藏v-if節(jié)省內(nèi)存

例子:

<div v-if="show">
  {{mes}}
</div>

<div v-show="show">
  {{mes}}
</div>

var vm =new Vue({
    el:"#app",
    data:{
        mes:"你好",
        show:true
}
})

v-if 與v-else

 <div v-if="show">
        {{mes}}
 </div>
 <div v-else>
        A不可見我將顯示
</div>

var vm =new Vue({
       el:"#app",
        data:{
                show:true,
                mes:"A我可以被看見",
           }
        })
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末叼旋,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子糟袁,更是在濱河造成了極大的恐慌乱豆,老刑警劉巖,帶你破解...
    沈念sama閱讀 217,084評論 6 503
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件钩述,死亡現(xiàn)場離奇詭異寨躁,居然都是意外死亡,警方通過查閱死者的電腦和手機切距,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,623評論 3 392
  • 文/潘曉璐 我一進店門朽缎,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人谜悟,你說我怎么就攤上這事话肖。” “怎么了葡幸?”我有些...
    開封第一講書人閱讀 163,450評論 0 353
  • 文/不壞的土叔 我叫張陵最筒,是天一觀的道長。 經(jīng)常有香客問我蔚叨,道長床蜘,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,322評論 1 293
  • 正文 為了忘掉前任蔑水,我火速辦了婚禮邢锯,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘搀别。我一直安慰自己丹擎,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 67,370評論 6 390
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著蒂培,像睡著了一般再愈。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上护戳,一...
    開封第一講書人閱讀 51,274評論 1 300
  • 那天翎冲,我揣著相機與錄音,去河邊找鬼媳荒。 笑死抗悍,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的肺樟。 我是一名探鬼主播檐春,決...
    沈念sama閱讀 40,126評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼么伯!你這毒婦竟也來了疟暖?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 38,980評論 0 275
  • 序言:老撾萬榮一對情侶失蹤田柔,失蹤者是張志新(化名)和其女友劉穎俐巴,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體硬爆,經(jīng)...
    沈念sama閱讀 45,414評論 1 313
  • 正文 獨居荒郊野嶺守林人離奇死亡欣舵,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,599評論 3 334
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了缀磕。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片缘圈。...
    茶點故事閱讀 39,773評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖袜蚕,靈堂內(nèi)的尸體忽然破棺而出糟把,到底是詐尸還是另有隱情,我是刑警寧澤牲剃,帶...
    沈念sama閱讀 35,470評論 5 344
  • 正文 年R本政府宣布遣疯,位于F島的核電站,受9級特大地震影響凿傅,放射性物質(zhì)發(fā)生泄漏缠犀。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,080評論 3 327
  • 文/蒙蒙 一聪舒、第九天 我趴在偏房一處隱蔽的房頂上張望辨液。 院中可真熱鬧,春花似錦箱残、人聲如沸滔迈。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,713評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽亡鼠。三九已至,卻和暖如春敷待,著一層夾襖步出監(jiān)牢的瞬間间涵,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,852評論 1 269
  • 我被黑心中介騙來泰國打工榜揖, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留勾哩,地道東北人。 一個月前我還...
    沈念sama閱讀 47,865評論 2 370
  • 正文 我出身青樓举哟,卻偏偏與公主長得像思劳,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子妨猩,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,689評論 2 354

推薦閱讀更多精彩內(nèi)容