我與VueJs第4天_v-if...v-else-if...v-else...判斷分支_跟v-for迴圈

Vue.Js中包含了許多內置指令(以v-為前墜的)

v-on , v-bind只算是其中幾個常見的

另外還有

像是

Vue.Js當中的條件渲染

v-if , v-else-if , v-else .....

See the Pen by Jacob (@dryjoker) on CodePen.

這裡要注意

v-else 一定要在前面有v-if , v-else-if 時候才能用

v-else-if 則是一定要在前面有v-if時候才可用

要成對出現

就跟一般在用js寫if ... else if .... else 一樣

或者v-for

See the Pen by Jacob (@dryjoker) on CodePen.