Vue.js 練習手冊
基礎教學
模板指令
組件
常用 API
ES6
template
基礎模板語法
切換樣式
v-if 模板判斷
v-for 迴圈
計算及監聽
表單補充介紹
v-on 事件綁定
作業練習:表格排序
作業練習:表格排序
模板練習作業:透過點擊 th 方式,反轉表格的排序
僅需要排序價格、到期日。
提示:
將資料排序改為使用 computed 輸出
使用迴圈的方式,重新依據點擊排序內容,並透過 computed 輸出
反轉時,th 指標需給與正確方向
加分題:第二次點擊時再次反轉資料
品名
價格
到期日
{{ item.name }}
{{ item.price }}
{{ item.expiryDate }}