---
# System prepended metadata

title: "\U0001F3C5 6/9 (三) 每日任務 Day 33"
tags: [Vue 直播班 - 2021 夏季班]

---

# 🏅 6/9 (三) 每日任務 Day 33
###### tags: `Vue 直播班 - 2021 夏季班`

題目 (請將答案貼上 CodePen)
---
操作 [這個模板](https://codepen.io/rider159159/pen/VwpbrJo)，執行以下要求 (只能操作 JS 的部分):

> 使用 watch 監控 props 
> - 請在 new-input 元件的 watch 中監控 props 傳來的值，讓下方 input 和上方 input 顯示相同數值。
> - 此次練習主要目的，是讓同學瞭解單向數據流的特性，無法直接修改 props 的值。

參考: https://ithelp.ithome.com.tw/articles/10219200

回報流程
---
請同學依照下圖教學觀看解答、回報答案:

![](https://i.imgur.com/QtL8zEW.png)

回報格式如下圖，請在「回報區」使用註解回報答案 (為了統計人數，請同學依序加上「報數」)

![](https://i.imgur.com/L7kyew8.png)

<!-- 解答
  app.component('new-input', {
    props: ['propCash'],
    data() {
      return {
        cash: 0,
      }
    },
    template: `<input type="number" v-model="cash"/>`,
    watch: {
      propCash() {
        this.cash = this.propCash;
      }
    }
  });
-->

回報區
---
<!--1:Alpha
Codepen: https://codepen.io/alphatero/pen/dyvjVrZ
-->

<!--2:小魚
Codepen: https://codepen.io/jarvis1993/pen/VwpBMoQ
-->

<!--3:Vic
Codepen:https://codepen.io/hsuan333/pen/gOmjGVB
-->
<!--4:LiShang
Codepen:https://codepen.io/li-shang/pen/RwpBLmy
-->

<!--5:peter.chen1024
codepen:https://codepen.io/JIAN-RONG/pen/qBryVBP
-->

<!--6:Lina Chen
codepen:https://codepen.io/LinaChen/pen/RwpBjPB
-->

<!-- 7: yijun
codepen:
https://codepen.io/sandy3068/pen/ZEejaeB
-->

<!-- 8: Alysa Chan 
codepen: https://codepen.io/alysachan/pen/eYvjejE?editors=1111
-->

<!-- 9: Sean Liu
codepen: https://codepen.io/alysachan/pen/LYWBOGe?editors=1111
-->

<!-- 10: leolee
codepen: https://codepen.io/nekorice/pen/oNZMGOG
-->

<!-- 11: Ethan
codepen: https://codepen.io/blazer030/pen/QWpBOJE
-->

<!-- 12: Joe Kuo
codepen: https://codepen.io/alertislow/pen/xxqJpZQ?editors=0010
-->
<!-- 13: 陳sam
codepen:https://codepen.io/euldpliv/pen/XWMBVmY?editors=1111
-->

<!-- 14: 阿倫
codepen:https://codepen.io/jason5125122/pen/gOmjoGM
-->
<!-- 15: Eyan
codepen:https://codepen.io/somebody1997/pen/PopBQoK?editors=1010
-->

<!--16: RitaHuang
https://codepen.io/Rita-Rossweisse/pen/abJjEba?editors=1010
-->

<!-- 17: Sec
codepen: https://codepen.io/Sentiments/pen/yLMqKbJ
-->

<!-- 18: YuSung
codepen: https://codepen.io/kevin-hsu-the-encoder/pen/zYZLWXW?editors=1010
-->

<!-- 19: Yi Chieh
Codepen: https://codepen.io/Yi-Chieh/pen/xxqJYqZ
-->

<!-- 20: Larry
Codepen: https://codepen.io/manpower0708/pen/GRWBdqJ?editors=1111
-->

<!-- 21: Erica
https://codepen.io/ericadu/pen/JjWBZMK
-->

<!-- 22: Jay
codepen: https://codepen.io/jayredk/pen/QWpBxgJ
 -->
 
<!-- 23: MM
codepen: https://codepen.io/MINN3/pen/oNZMMYq
 -->
 
<!-- 24: Jessie Cheng
codepen: https://codepen.io/JessieMosbi/pen/wvJxEpJ
 -->
 
 <!-- 25: Wendy Li
 codepen: https://codepen.io/rockayumitw/pen/oNZMmGY?editors=1010
 -->
 
 <!-- 26: tim Chou
 codepen: https://codepen.io/tim-chou/pen/VwpBggM
 -->

<!-- 27: Echo Hui
codepen: https://codepen.io/echohuiecho/pen/wvJxLYv?editors=1011 -->

<!-- 28: Tori
codepen: https://codepen.io/hayen/pen/VwpdYVP?editors=1011 -->

<!-- 29: Dah
codepen: https://codepen.io/hua0124/pen/ExWeZOb -->

<!-- 30: Jack
https://codepen.io/yxzzktmb/pen/NWpLpvd?editors=1010
-->

<!-- 31: twoz
codepen:
https://codepen.io/twoz/pen/NWpLaPw?editors=1011
-->

<!-- 32:Fred Chang
https://codepen.io/fred8196/pen/rNyZGJX
-->

<!-- 33: Amber
codepen:https://codepen.io/amberTing/pen/RwpYLXx?editors=1010
-->

<!-- 34: Oober 
codepen:https://codepen.io/xtsjrjdv/pen/OJpBNQx?editors=1111
-->

<!-- 35: valerie
https://codepen.io/vicky-chang/pen/bGqmjMZ?editors=1011 
-->

<!--36: jimmyFang
https://codepen.io/pohxiqqo/pen/zYZMBvY
-->

<!--36: YOYO
https://codepen.io/lumedkle/pen/dyvwBaN
-->

<!--37: Stacey Huang
https://codepen.io/staceyhuang/pen/JjWzmMp-->

<!--38: Chiang
https://codepen.io/ChiangJ/pen/bGWNrxG?editors=1010
-->