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

# 軟工坦盾四組
## Day 23 任務 (7/15)

#### Jin (7/15)

<iframe height="265" style="width: 100%;" scrolling="no" title="7/15：Day 23 Vue - emits" src="https://codepen.io/Jin-L/embed/ZEQMveB?height=265&theme-id=dark&default-tab=js,result" frameborder="no" allowtransparency="true" allowfullscreen="true">
See the Pen <a href='https://codepen.io/Jin-L/pen/ZEQMveB'>7/15：Day 23 Vue - emits</a> by 林鏡棠
(<a href='https://codepen.io/Jin-L'>@Jin-L</a>) on <a href='https://codepen.io'>CodePen</a>.
</iframe>

>助教回覆：作業做的很好哦，有正確使用 emit 將元件的 innerText 變數資料傳回 Vue 實體中囉 :+1:

#### 米菇 (補交7/14)
<iframe height="265" style="width: 100%;" scrolling="no" title="每日任務 Day 22 (7/14)" src="https://codepen.io/apple0395/embed/PoZdEQr?height=265&theme-id=dark&default-tab=js,result" frameborder="no" allowtransparency="true" allowfullscreen="true">
See the Pen <a href='https://codepen.io/apple0395/pen/PoZdEQr'>每日任務 Day 22 (7/14)</a> by 米菇
(<a href='https://codepen.io/apple0395'>@apple0395</a>) on <a href='https://codepen.io'>CodePen</a>.
</iframe>

> 助教回覆：作業做的很好哦，有正確使用 Props 將不同訊息傳送給子元件囉 :+1:

#### 米菇 (7/15)
<iframe height="265" style="width: 100%;" scrolling="no" title="每日任務 Day 23 (7/15)" src="https://codepen.io/apple0395/embed/PoZdERM?height=265&theme-id=dark&default-tab=js,result" frameborder="no" allowtransparency="true" allowfullscreen="true">
See the Pen <a href='https://codepen.io/apple0395/pen/PoZdERM'>每日任務 Day 23 (7/15)</a> by 米菇
(<a href='https://codepen.io/apple0395'>@apple0395</a>) on <a href='https://codepen.io'>CodePen</a>.
</iframe>

>助教回覆：作業做的很好哦，有正確使用 emit 將元件的 innerText 變數資料傳回 Vue 實體中囉 :+1:

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

>助教回覆：作業做的很好哦，有正確使用 emit 將元件的 innerText 變數資料傳回 Vue 實體中囉 :+1:

#### TsungTse
(7/14 補交)
<iframe height="265" style="width: 100%;" scrolling="no" title="Vue - Props 2" src="https://codepen.io/uujiwujq/embed/YzwOjNZ?height=265&theme-id=dark&default-tab=js,result" frameborder="no" allowtransparency="true" allowfullscreen="true">
See the Pen <a href='https://codepen.io/uujiwujq/pen/YzwOjNZ'>Vue - Props 2</a> by 吳宗澤
(<a href='https://codepen.io/uujiwujq'>@uujiwujq</a>) on <a href='https://codepen.io'>CodePen</a>.
</iframe>

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

(7/15)
<iframe height="265" style="width: 100%;" scrolling="no" title="Vue - emits" src="https://codepen.io/uujiwujq/embed/rNxZrzB?height=265&theme-id=dark&default-tab=js,result" frameborder="no" allowtransparency="true" allowfullscreen="true">
See the Pen <a href='https://codepen.io/uujiwujq/pen/rNxZrzB'>Vue - emits</a> by 吳宗澤
(<a href='https://codepen.io/uujiwujq'>@uujiwujq</a>) on <a href='https://codepen.io'>CodePen</a>.
</iframe>

>助教回覆：作業做的很好哦，有正確使用 emit 將元件的 innerText 變數資料傳回 Vue 實體中囉 :+1:

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

>助教回覆：作業做的很好哦，有正確使用 emit 將元件的 innerText 變數資料傳回 Vue 實體中囉 :+1: