---
# System prepended metadata

title: "\U0001F3C5 Day 34 - 建置 computed"
tags: [Vue 直播班 - 2022 冬季班]

---

---
tags: Vue 直播班 - 2022 冬季班
---
# 🏅 Day 34 - 建置 computed

觀看課程影音「Computed 運算基礎運用」後，練習下方題目。

題目
---
操作 [這個模板](https://codepen.io/hexschool/pen/jOpQdex)，執行以下要求（只能操作 JS 的部分）：

> 練習建置 computed
> -  在 computed 中新增方法，讓畫面顯示「今年要繳的稅金為 xx 元」為實際輸入 input 數值的 20%，並且需為整數，實際狀況如圖：
> ![](https://i.imgur.com/ka5RK1f.png)
> 
> -  提示一: 會使用到 `this.cash`
> -  提示二: 整數化方法為 `Number.parseInt()`

## 回報流程

將答案寫在 CodePen 並複製 CodePen 連結貼至底下回報就算完成了喔! 
解答位置請參考下圖（需打開程式碼的部分觀看）

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

<!-- 解答：  
computed: {
  taxes() {
    return Number.parseInt(this.cash * 0.2); 
  }
}
-->




回報區
---


|   Discord    |                    CodePen / 答案                      |
|:----------:|:-------------------------------------------------------:|
| Wendy3#5615 | [Codepen](https://codepen.io/wendy03/pen/KKBLLwY)      |
|威0#6919|[codepen](https://codepen.io/n0918679182/pen/qByGGdq?editors=1111)|
| yuyu#6310 |[codepen](https://codepen.io/yuyu0905/pen/NWBVVxe?editors=1010)|
| albee#9121|[Codepen](https://codepen.io/albee-chang/pen/bGjyypQ?editors=1111)|
| hannahTW#2224|[Codepen](https://codepen.io/hangineer/pen/WNKBBxP?editors=1010)|
| LinaChen#1796|[Codepen](https://codepen.io/LinaChen/pen/VwBOOpr)|
|薯餅#3581|[Codepen](https://codepen.io/ColdingPoTaTo/pen/LYBooLL)|
|JackC#0411|[Codepen](https://codepen.io/key0329/pen/QWBRRme)|
|ㄚ翔#8126|[codepen](https://codepen.io/engineerjohnson/pen/eYjaarz)|
|AuroraC#6539|[codepen](https://codepen.io/AuroraC/pen/oNMRRMp)|
|mandylai#4055|[codepen](https://codepen.io/mandy-lai-2/pen/vYawwar?editors=1011)|
|Chi#7605|[Codepen](https://codepen.io/YoChi84/pen/MWBddLe)|
|無名#6427|[Codepen](https://codepen.io/Nomoney/pen/JjBzZjO)|
|int#7518|[Codepen](https://codepen.io/intHuang/pen/xxJNoKp?editors=1010)|
|法希娜#3206|[Codepen](https://codepen.io/yiiserpf-the-encoder/pen/mdjYZdv)|
|Benson#6763|[Codepen](https://codepen.io/kumashow/pen/JjBqQMm)|
|Potatolee#7749|[Codepen](https://codepen.io/potatoleee/pen/GRBabxR?editors=1010)|
|威爾#1694|[CodePen](https://codepen.io/WILL_Wu/pen/MWBdMXO)|
|azami#5986|[Codepen](https://codepen.io/azami/pen/OJwYedX)|
|DIO大人#4776|[Codepen](https://codepen.io/oscar-2283/pen/WNKBVeE)|
|jacky010080#0880|[CodePen](https://codepen.io/Yen-Jung-Chen/pen/jOpogrZ?editors=1010)|
|泊岸#3466|[CodePen](https://codepen.io/qoq77416416/pen/MWBdNqL?editors=1010)|
|冬天#5215|[CodePen](https://codepen.io/winter_/pen/bGjPbeQ)|
|Rainliao#2616|[CodePen](https://codepen.io/billpop741/pen/rNrENJJ)|
|Hilda#7085|[CodePen](https://codepen.io/vwquikad-the-vuer/pen/abjgbeP)|
|Tuhacrt#0008|[codepen](https://codepen.io/Tuhacrt/pen/GRBbgoq)|
|Shuo#1596|[codepen](https://codepen.io/chiangchungshuo/pen/mdjZJEX?editors=1010)|
|masterYan#2480|[codepen](https://codepen.io/htzwgoqt-the-looper/pen/QWBXbMR?editors=1010)|
|小木馬#8760|[codepen](https://codepen.io/wmmtbcsd/pen/zYLVrNb)|
|SASIMI#5099|[Codepen](https://codepen.io/sashimi1327/pen/MWBMyEY)|
|MengLin#3001|[Codepen](https://codepen.io/aacj2642/pen/wvxLGOb)|
|圈圈#4060|[Codepen](https://codepen.io/wjejfczn-the-bold/pen/dyjBMrm?editors=1010)|
|Cheryl#4007|[Codepen](https://codepen.io/Cheryl-Hsu/pen/vYaqXNO?editors=1011)|
|阿鑫#4346|[CodePen](https://codepen.io/Neil1024/pen/wvxLzXp?editors=1010)|
Zack_P#1805|[CodePen](https://codepen.io/tmzazirh-the-animator/pen/rNrEjLw?editors=1010)|
| 出事了阿伯#9923                       | [CodePen](https://codepen.io/BradpittLai/pen/QWBXpzB?editors=1010) |
| Amberhh#2465                          | [Codepen](https://codepen.io/Amberhh/pen/ZEjNNOE)                  |
| Hazel.#6020                           | [CodePen](https://codepen.io/Hazelhsieh/pen/oNMryjY)               |
| YC#2522                               | [CodePen](https://codepen.io/YCLu/pen/abjgaOQ)                     |
| 楊苡安#2752                           | [CodePen](https://codepen.io/yi-an-yang/pen/bGjPQwb)               |
| Alex#9978                             | [CodePen](https://codepen.io/datsxzqg-the-selector/pen/vYaqvog)    |
| Jill Lee#0809                         | [CodePen](https://codepen.io/chi-ling-lee/pen/wvxLOdw)             |
| christina#6185                        | [Codepen](https://codepen.io/chrisc0210/pen/eYjqgjR)               |
| PayRoom#8328                          | [CodePen](https://codepen.io/water38198/pen/zYJOYVp)               |
| 柚子#3958                             | [CodePen](https://codepen.io/as6625998/pen/RwYbgWQ?editors=1010)   |
| helena#8461                           | [CodePen](https://codepen.io/helena27/pen/bGxGNNG)                 |
| Bassjim#0118                          | [CodePen](https://codepen.io/unrtxbaq/pen/rNrgJxO)                 |
| Kimi#9564                             | [Codepen](https://codepen.io/kimihu91/pen/OJwqBqy)                 |
| Yiru#0236                             | [Codepen](https://codepen.io/yiru94/pen/JjaoKJK)                   |
| GOD_QWERTYUIOPLKJLKLLOINJ_MASTER#4922 | [Codepen](https://codepen.io/sho666/pen/dyqoZYo?editors=1010)      |
| Yuna Huang#2692                       | [Codepen](https://codepen.io/Yuna1002/pen/zYJGRRL?editors=1010)    |
|yaru#6308|[CodePen](https://codepen.io/lszaietc/pen/ZEMbEQM)|
|suihsilan#9485|[CodePen](https://codepen.io/suihsilan/pen/mdGVJVQ)|
|YI#0863|[CodePen](https://codepen.io/YI0305/pen/vYzGgQO)|
|Mylène#2481|[CodePen](https://codepen.io/hamajibashi/pen/dyqXJWP)|
|阿蘇#8531|[CodePen](https://codepen.io/susu3131/pen/PodzXOW?editors=1010)|
| ABOOS#6276 | [CodePen](https://codepen.io/guhungyin/pen/NWLRvGb) |
|小白#2406|[CodePen](https://codepen.io/gracewhite/pen/WNgjgWv?editors=1010)|
|黑白兔#0684|[CodePen](https://codepen.io/johnny329/pen/ExeemNv)|
| Jenny真#7532 | [CodePen](https://codepen.io/wei-chen-wu/pen/XWPyzPq) |
| Eason#7884 | [CodePen](https://codepen.io/ASLEO/pen/dygvOEd) |