Hello,我是 Alex 007,一個熱愛計算機編程和硬件設計的小白,爲啥是007呢?因爲叫 Alex 的人太多了,再加上每天007的生活,Alex 007就誕生了。
這篇文章我們來講一講Vue中的指令和條件渲染,指令 (Directives) 是帶有 v- 前綴的特殊 attribute,當表達式的值改變時,將其產生的連帶影響,響應式地作用於 DOM。v-if 和 v-show 指令用於條件性地渲染一塊內容。
首先來講講Vue模板語法中的指令部分,剛纔我們說過了,指令是帶有 v- 前綴的特殊特性,預期值是單個JavaScript
表達式,指定的職責是當表達式的值改變時,將其產生的連帶影響響應式的作用於網頁中。
我們來寫一段例子,使用v-if
指令實現Vue的條件渲染,讓p
標籤是否會被渲染取決於data
中的一個bool
類型的屬性。
<!DOCTYPE html>
<html>
<head>