Vue(六) 條件與迴圈

2022-09-22 20:33:06 字數 606 閱讀 3694

控制切換一個元素是否顯示

data:

})v-else 、v-else-if 必須跟在 v-if 或者 v-else-if之後。

if="randomnum < 6 && randomnum > 0">不及格

else-if="randomnum < 8 && randomnum >= 6">良

else-if="randomnum <= 10 && randomnum >= 8">優

else>缺考

這段**多執行幾次,會出現不同的結果。

也可以使用 v-show 指令來根據條件展示元素

繫結陣列資料渲染列表

}

分別顯示index、key和value

迭代整數

VUE學習筆記(六)

1 watch 監聽資料變化 var login var register var router new vuerouter var vm new vue methods router watch 註冊 2 computed計算屬性 var vm new vue methods computed 3...

vue的元件通訊,六種方式

vue是元件化的框架,也就是說有一個根元件,然後由根元件可以衍生出很多子元件,共同組成一個頁面。此時就涉及到了元件間的通訊,主要是資料的通訊...