---
# System prepended metadata

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

---

---
tags: Vue 直播班 - 2023 冬季班
---
# 🏅 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()`

#### 額外挑戰
完成上述題目後，嘗試將 JS 區塊改為使用 Composition API 撰寫

## 回報流程

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

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

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

https://codepen.io/jmimiding4104/pen/MWxwvVW

額外挑戰：
https://codepen.io/jmimiding4104/pen/KKEpvBO?editors=1111

模板與解答皆有使用 Bootstrap5(於 Setting 中引入)，
所以如果想要畫面呈現是相同的要記得載入 Bootstrap5 的 CDN。
-->




回報區
---


|   Discord    |                    CodePen / 答案                      |
|:----------:|:-------------------------------------------------------:|
| fabio20| [CodePen](https://codepen.io/fabio7621/pen/WNmzwoj) |
| Yijing | [CodePen](https://codepen.io/Yi-Jing-71080635/pen/JjzLXbx?editors=1010) |
| bf_tsai | [CodePen](https://codepen.io/BF-Tsai/pen/RwdMaGw?editors=1111) |
| Ann Chou | [CodePen](https://codepen.io/annchou_illu/pen/LYadNyo) |
| 熊大 | [CodePen](https://codepen.io/asiating/pen/RwdMagP) |
| Tippy | [CodePen](https://codepen.io/Ektodor-Wang/pen/LYadNjK) |
| py | [CodePen](https://codepen.io/Wpypy/pen/QWomNpg?editors=1111) |
| kawa | [CodePen](https://codepen.io/z83xji6/pen/abMYNEM?editors=1111) |
| XinYu | [CodePen](https://codepen.io/HsuXinYu/pen/yLwKJNG?editors=1011) |
| Chia Pin | [CodePen](https://codepen.io/joker-cat/pen/WNmzxLm) |
| jia yu | [CodePen](https://codepen.io/fjqxaznl-the-reactor/pen/RwdMRvM?editors=1010) |
| Uli | [CodePen](https://codepen.io/uli1313/pen/gOEeMEj?editors=1011) |
| MY | [CodePen](https://codepen.io/ahmomoz/pen/OJqvRyd) |
| Winnie | [CodePen](https://codepen.io/codepen-io-winnie/pen/OJqvROe?editors=1010) |
| Eden |[Codepen](https://codepen.io/iseden/pen/OJqvRoL)|
|wei_Rio|[CodePen](https://codepen.io/wei_wu/pen/RwdMoYa?editors=1011)|
| Celine 510 |[CodePen](https://codepen.io/Celine-510/pen/vYPRyaL)|
| peggy | [CodePen](https://codepen.io/peggylai/pen/YzgaZVj?editors=1010) |
| Ataraxia | [CodePen](https://codepen.io/ataraxia8888/pen/vYPRxRv) |
| RayRay | [CodePen](https://codepen.io/CityRay/pen/OJqvpKV) |
| KUN. | [CodePen](https://codepen.io/barry91205/pen/JjzLJxE) |
| Eazy | [CodePen](https://codepen.io/Eazychen/pen/oNVqeEy) |
| yu.t_liu | [CodePen](https://codepen.io/YuT200053/pen/XWGEeZx) |
| Ryann | [CodePen](https://codepen.io/csw8524/pen/RwdMxaB) |
| 欣霓 | [CodePen](https://codepen.io/tvxq5206/pen/RwdMQRb?editors=1010) |
| 精靈 | [CodePen](https://codepen.io/justafairy/pen/GRexQWJ) |
| 狸貓 | [CodePen](https://codepen.io/tanuki320/pen/rNRdvdm?editors=1011) |
| 風羽 | [CodePen](https://codepen.io/Joy-Huang/pen/eYXMMjY?editors=1011) |
| Tom | [CodePen](https://codepen.io/sp1daTomm/pen/PoLRXzx) |
| 小夏 | [CodePen](https://codepen.io/michaelhsia/pen/mdoxvLe) |
| runweiting | [CodePen](https://codepen.io/weiting14/pen/mdoxgKa) |
| PayRoom |[CodePen](https://codepen.io/water38198/pen/GRedGKL)
| Nelly | [CodePen](https://codepen.io/Nelly-Guo/pen/WNmJaKR) |
| Ting | [CodePen](https://codepen.io/liara/pen/VwRxOxN) |
| macihuang| [CodePen](https://codepen.io/macy1215/pen/NWJBgRd) |
| MikeLin| [CodePen](https://codepen.io/MikeLin0701/pen/xxByvJo) |
| Pikachu | [CodePen](https://codepen.io/_pikachu_/pen/PoLxOzX) |
| ann6212 | [CodePen](https://codepen.io/yqmegupa-the-styleful/pen/OJqdjOJ) |
| JING | [CodePen](https://codepen.io/HSUANIN0327/pen/yLwrYbG) |
| Iris | [CodePen](https://codepen.io/iris831206/pen/oNVOWxQ) |
| Chris | [CodePen](https://codepen.io/cjtseng07/pen/RwdmPwE) |
| Rock | [CodePen](https://codepen.io/xiu43317/pen/OJqYKYr) |
| Charlotte Lee | [CodePen](https://codepen.io/char849/pen/dyLbdZz) |
|Ariel | [CodePen](https://codepen.io/ariel0510/pen/qBwEWEB?editors=1010) |
| yuan! | [CodePen](https://codepen.io/townyuan/pen/bGJeGpg) |

<!-- 

| user | [CodePen]() |
 
-->

