---
tags: JavaScript 實戰班
---

# 軟工盾坦三組
# JS每日任務 6/29：Day 16

## 繳交區

PT:
作業一
<iframe height="265" style="width: 100%;" scrolling="no" title="Vue 將資料呈現於畫面上" src="https://codepen.io/roger45663/embed/OJMxxxM?height=265&theme-id=light&default-tab=html,result" frameborder="no" allowtransparency="true" allowfullscreen="true">
See the Pen <a href='https://codepen.io/roger45663/pen/OJMxxxM'>Vue 將資料呈現於畫面上</a> by roger45663
(<a href='https://codepen.io/roger45663'>@roger45663</a>) on <a href='https://codepen.io'>CodePen</a>.
</iframe>

作業二
<iframe height="265" style="width: 100%;" scrolling="no" title="Vue 創建資料" src="https://codepen.io/roger45663/embed/JjGrrrw?height=265&theme-id=light&default-tab=js,result" frameborder="no" allowtransparency="true" allowfullscreen="true">
See the Pen <a href='https://codepen.io/roger45663/pen/JjGrrrw'>Vue 創建資料</a> by roger45663
(<a href='https://codepen.io/roger45663'>@roger45663</a>) on <a href='https://codepen.io'>CodePen</a>.
</iframe>

> 助教回覆：作業做的很好哦，Vue 操作的很正確 :+1:

<hr>

Kai:
作業一
<iframe height="265" style="width: 100%;" scrolling="no" title="Vue 將資料呈現於畫面上" src="https://codepen.io/kxw07/embed/eYJGyBJ?height=265&theme-id=light&default-tab=html,result" frameborder="no" allowtransparency="true" allowfullscreen="true">
See the Pen <a href='https://codepen.io/kxw07/pen/eYJGyBJ'>Vue 將資料呈現於畫面上</a> by kxw07
(<a href='https://codepen.io/kxw07'>@kxw07</a>) on <a href='https://codepen.io'>CodePen</a>.
</iframe>

作業二
<iframe height="265" style="width: 100%;" scrolling="no" title="Vue 創建資料" src="https://codepen.io/kxw07/embed/ExPwoWZ?height=265&theme-id=light&default-tab=js,result" frameborder="no" allowtransparency="true" allowfullscreen="true">
See the Pen <a href='https://codepen.io/kxw07/pen/ExPwoWZ'>Vue 創建資料</a> by kxw07
(<a href='https://codepen.io/kxw07'>@kxw07</a>) on <a href='https://codepen.io'>CodePen</a>.
</iframe>

> 助教回覆：作業做的很好哦，Vue 操作的很正確 :+1:

長庚：
<iframe height="265" style="width: 100%;" scrolling="no" title="Vue 將資料呈現於畫面上" src="https://codepen.io/dannyliume/embed/wvMPMLV?height=265&theme-id=dark&default-tab=html,result" frameborder="no" allowtransparency="true" allowfullscreen="true">
See the Pen <a href='https://codepen.io/dannyliume/pen/wvMPMLV'>Vue 將資料呈現於畫面上</a> by dannyliu
(<a href='https://codepen.io/dannyliume'>@dannyliume</a>) on <a href='https://codepen.io'>CodePen</a>.
</iframe>
<iframe height="265" style="width: 100%;" scrolling="no" title="Vue 創建資料" src="https://codepen.io/dannyliume/embed/YzwEwmJ?height=265&theme-id=dark&default-tab=js,result" frameborder="no" allowtransparency="true" allowfullscreen="true">
See the Pen <a href='https://codepen.io/dannyliume/pen/YzwEwmJ'>Vue 創建資料</a> by dannyliu
(<a href='https://codepen.io/dannyliume'>@dannyliume</a>) on <a href='https://codepen.io'>CodePen</a>.
</iframe>