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

# 軟工盾坦組 第五組

## 7/16：Day 24

任務：
- 請維持單向數據流，避免直接修改外部的資料
- 本範例需要調整 mobile-phone 的 JS 原始碼，其中包含：
- data 的運行
- 如何避免直接調整到外部資料的原始碼（v-model, data）
- 完成 pushData 的函式，並與元件中的 @push="getMessage" 進行對應
- 需要正確將內部資訊向外傳遞（關鍵口訣：前內後外）

任務連結：[https://codepen.io/Wcc723/pen/RwrBpQX?editors=1010](https://codepen.io/Wcc723/pen/RwrBpQX?editors=1010)

#### ShengKai
<iframe height="265" style="width: 100%;" scrolling="no" title="Vue - emits2" src="https://codepen.io/Shung-Kai/embed/BajqZQm?height=265&theme-id=dark&default-tab=js,result" frameborder="no" allowtransparency="true" allowfullscreen="true">
See the Pen <a href='https://codepen.io/Shung-Kai/pen/BajqZQm'>Vue - emits2</a> by shanecg8v
(<a href='https://codepen.io/Shung-Kai'>@Shung-Kai</a>) on <a href='https://codepen.io'>CodePen</a>.
</iframe>

>助教回覆：作業做的很好哦，props 、 emit 使用都正確，相信同學經過本次練習，對這兩個方法有更深入的理解了 :+1:
#### Jamie
<iframe height="265" style="width: 100%;" scrolling="no" title="js作品實戰班-2020夏季 Day 24 Vue 練習" src="https://codepen.io/jamiechenjc/embed/yLeRqdd?height=265&theme-id=dark&default-tab=js,result" frameborder="no" allowtransparency="true" allowfullscreen="true">
See the Pen <a href='https://codepen.io/jamiechenjc/pen/yLeRqdd'>js作品實戰班-2020夏季 Day 24 Vue 練習</a> by JamieChenJC
(<a href='https://codepen.io/jamiechenjc'>@jamiechenjc</a>) on <a href='https://codepen.io'>CodePen</a>.
</iframe>

>助教回覆：作業做的很好哦，props 、 emit 使用都正確，相信同學經過本次練習，對這兩個方法有更深入的理解了 :+1:
## 7/14：Day 22(補交)
#### Chunwen
<iframe height="265" style="width: 100%;" scrolling="no" title="Day 22＿Vue - Props 2" src="https://codepen.io/chunwen/embed/WNrgwVy?height=265&theme-id=dark&default-tab=js,result" frameborder="no" allowtransparency="true" allowfullscreen="true">
See the Pen <a href='https://codepen.io/chunwen/pen/WNrgwVy'>Day 22＿Vue - Props 2</a> by Andy
(<a href='https://codepen.io/chunwen'>@chunwen</a>) on <a href='https://codepen.io'>CodePen</a>.
</iframe>

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