可以使用下面指令進行條件的判斷：
通常在這些指令的後面會等於乙個判斷語句，就像下面一樣：
90">優秀
80">良好
60">還行
拉跨
score變數，當score的值不同時，頁面中顯示的內容也不同。如下案例：
>
class
="container"
>
v-if
="score > 90"
>
優秀div
>
v-else-if
="score < 90 && score > 80"
>
良好div
>
v-else-if
="score < 80 && score >= 60"
>
還行div
>
v-else
>
拉跨div
>
type
="text"
v-model
='score'
>
div>
src=
"../lib/vue.js"
>
script
>
>
let vm =
newvue(}
)script
>
body
>
html結構中雖然書寫了多個div但是在頁面渲染之後，只顯示當前條件判斷成功的div。
v-show後面通常跟乙個flag標誌位，v-show的標誌位為false時，會將該元素的display屬性置為none。
可以使用v-for對陣列進行遍歷，語法結構如下
item是要遍歷的陣列，i是每次遍歷陣列的值。如下**所示：
>
class
="container"
>
>
>
v-for
="i in item"
>
}li>
ul>
div>
div>
src=
"../lib/vue.js"
>
script
>
>
let vm =
newvue(}
)script
>
body
>
data為每次迴圈的值，index為當前迴圈的索引值。
陣列中也可以寫為物件，在遍歷時通過當前物件的屬性來訪問。如下**所示：
>
class
="container"
>
>
v-for
="i in item"
>
>
}p>
>
}p>
li>
ul>
div>
src=
"../lib/vue.js"
>
script
>
>
let vm =
newvue(,
,,]}
})script
>
body
>
key屬性
在遍歷資料時，一般是物件形式的陣列，為了提高效能通常為每個物件定義乙個唯一的id屬性，在遍歷時，為元素新增key屬性 屬性值為當前的 id 值。如下**所示：
>
class
="container"
>
>
:key
="i.id"
v-for
="i in item"
>
>
}p>
>
}p>
li>
ul>
div>
src=
"../lib/vue.js"
>
script
>
>
let vm =
newvue(,
,,]}
})script
>
body
>
v-for指令中具有三個形參value, key, index三個位置的形參分別為：值、鍵、索引。語法結構：
>
class
="container"
>
>
v-for
="(value, key, index) in obj"
>
>
}span
>
>
}span
>
>
}span
>
li>
ul>
div>
script
>
>
let vm =
newvue(}
})script
>
body
>
name屬性時才會生效 C語言基礎語法迴圈與分支
在c語言的業務 中充斥著大量的邏輯判斷，其實大部分語言去實現乙個功能也都是依賴著邏輯判斷。所以簡單介紹下我們要學習的c語言邏輯判斷關鍵字 if else if else switch white do while for break continue。1.關鍵字if else if else inc...
Python入門基礎語法 分支與迴圈
1 常見的控制結構 順序 分支 迴圈 單分支 if conditon 塊condition必須是乙個bool型別，這個地方有乙個隱式轉換bool condition 塊 類似於if 語句的冒號後面的就是乙個語句塊 在if for def class等關鍵字後使用 塊 雙分支及多分支 if.elif ...
VUE 模板語法
message span 雙大括號裡面的內容會被替換成msg的變數值，在msg變數值改變的時候會自動更新html裡的內容 只輸出純文字文字，不會有html效果，為了輸出html需要用到v html指令 using mustaches p using v html directive v html r...