---
# System prepended metadata

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

---

# 🏅 6/8 (二) 每日任務 Day 32
###### tags: `Vue 直播班 - 2021 夏季班`

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

> 練習運用 watch 監聽一個數值
> - 在 watch 中新增方法，讓畫面顯示「今年要繳的稅金為 xx 元」為實際輸入 input 數值的 20%，並且需為整數，實際狀況如圖:
> ![](https://i.imgur.com/K23isaC.png)

> - 提示一: 會使用到 this.Taxes
> - 提示二: 整數化方法為 Number.parseInt()

參考：https://courses.hexschool.com/courses/vue-2021/lectures/31863086

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

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

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

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

<!-- 解答
    watch: {
      cash() {
        this.Taxes = Number.parseInt(this.cash * 0.2); 
      }
    }
-->

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

<!--2:tim Chou
Codepen:https://codepen.io/tim-chou/pen/OJpEBeq
-->

<!--3:Vic
Codepen:https://codepen.io/hsuan333/pen/mdWKQya
-->

<!--4:LiShang
Codepen:https://codepen.io/li-shang/pen/LYWrXpd
-->

<!--5:小魚
Codepen:https://codepen.io/jarvis1993/pen/rNyKQay
-->
<!--6:
Codepen:https://codepen.io/euldpliv/pen/OJpEaPY
-->

<!--7:Lina Chen
Codepen:https://codepen.io/LinaChen/pen/zYZaMYw
-->

<!-- 8: Alysa Chan
Codepen: https://codepen.io/alysachan/pen/yLMEQqX
-->

<!-- 9: Echo Hui
codepen: https://codepen.io/echohuiecho/pen/QWpxzrm -->

<!-- 10: Yi Chieh
Codepen: https://codepen.io/Yi-Chieh/pen/mdWKaaW
-->

<!-- 11: Oober
Codepen: https://codepen.io/xtsjrjdv/pen/wvJXOWw
-->

<!-- 12: leolee
Codepen: https://codepen.io/nekorice/pen/OJpEayY
-->

<!-- 13: MM
Codepen: https://codepen.io/MINN3/pen/qBrKwdw
-->

<!-- 14:yijun
codepen: https://codepen.io/sandy3068/pen/mdWKgVe
-->

<!-- 15:Joe Kuo
codepen: https://codepen.io/alertislow/pen/jOBKRLZ?editors=0011
-->

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

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

<!-- 18: 阿倫
https://codepen.io/jason5125122/pen/GRWGLLE
-->

<!-- 19: Erica
https://codepen.io/ericadu/pen/PopBYZQ
-->

<!-- 20: peter.chen1024
https://codepen.io/JIAN-RONG/pen/WNpKbpE
-->

<!-- 21: Wendy Li
https://codepen.io/rockayumitw/pen/ZEejGoY?editors=1010
-->

<!-- 22:Jay
codepen: https://codepen.io/jayredk/pen/JjWBXEK
 -->

<!-- 23: Sec
codepen: https://codepen.io/Sentiments/pen/ZEejOaK
-->

<!-- 24: Ethan
codepen: https://codepen.io/blazer030/pen/yLMqPKV
-->

<!-- 25: Sean Liu
codepen: https://codepen.io/blazer030/pen/YzZjEOB
-->

<!-- 26: Larry
codepen: https://codepen.io/manpower0708/pen/gOmjeEY?editors=1111
--> 

<!-- 27: Jessie Cheng
codepen: https://codepen.io/JessieMosbi/pen/MWpBqmV
--> 

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

<!-- 28: Dah
codepen: https://codepen.io/hua0124/pen/yLMxgpO -->

<!-- 29: twoz
codepen: 
https://codepen.io/twoz/pen/oNZPeoO?editors=1010
-->

<!--30: Fred Chang
https://codepen.io/fred8196/pen/QWpVqgB
-->

<!--31: 圈圈
https://codepen.io/wei-the-lessful/pen/QWpVXqe
-->

<!-- 32: valerie
 https://codepen.io/vicky-chang/pen/JjWmBWb?editors=1010
-->

<!-- 33: jimmyFang
https://codepen.io/pohxiqqo/pen/GRWwZVE
-->

<!-- 34: Jordan Tseng
https://codepen.io/jordan-ttc-design/pen/vYxvwWo
-->

<!-- 35 : YOYO
https://codepen.io/lumedkle/pen/yLMGpzY?editors=1011
-->

<!-- 36: Stacey Huang
https://codepen.io/staceyhuang/pen/ZEePqXL
-->

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