Vue指令之條件渲染

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>
		
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章