3.Vue 条件渲染
生活随笔
收集整理的這篇文章主要介紹了
3.Vue 条件渲染
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
Hello，我是 Alex 007，一個(gè)熱愛計(jì)算機(jī)編程和硬件設(shè)計(jì)的小白，為啥是007呢？因?yàn)榻?Alex 的人太多了，再加上每天007的生活，Alex 007就誕生了。
3.Vue指令之條件渲染
這篇文章我們來講一講Vue中的指令和條件渲染，指令 (Directives) 是帶有 v- 前綴的特殊 attribute，當(dāng)表達(dá)式的值改變時(shí)，將其產(chǎn)生的連帶影響，響應(yīng)式地作用于 DOM。v-if 和 v-show 指令用于條件性地渲染一塊內(nèi)容。
首先來講講Vue模板語法中的指令部分，剛才我們說過了，指令是帶有 v- 前綴的特殊特性，預(yù)期值是單個(gè)JavaScript表達(dá)式，指定的職責(zé)是當(dāng)表達(dá)式的值改變時(shí)，將其產(chǎn)生的連帶影響響應(yīng)式的作用于網(wǎng)頁中。
我們來寫一段例子，使用v-if指令實(shí)現(xiàn)Vue的條件渲染，讓p標(biāo)簽是否會(huì)被渲染取決于data中的一個(gè)bool類型的屬性。
<!DOCTYPE html>總結(jié)
以上是生活随笔為你收集整理的3.Vue 条件渲染的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 32. Longest Valid Pa
- 下一篇： 44. Wildcard Matchin