---
# System prepended metadata

title: "\U0001F3C5 Day 31 - 運用 methods 作為 filter"
tags: [Vue 直播班 - 2022 冬季班]

---

---
tags: Vue 直播班 - 2022 冬季班
---
# 🏅 Day 31 - 運用 methods 作為 filter

觀看完課程影音「Methods 方法」後，練習下方題目。

題目
---
運用 [這個模板](https://codepen.io/hexschool/pen/BaPGMQQ)（只能操作 HTML 的部分），並依照註解的要求撰寫程式碼。

> 運用 methods 作為 filter
> 1. 參考範例中 `{{ reverseText(text) }}` 的方法，嘗試在 HTML 第 4 行，輸入特定方法，讓畫面顯示出 $ 1000 。
> 2. 需使用到 Vue data 中的 cash。
> 3. 需求畫面如圖:
> ![](https://i.imgur.com/996Dco4.png)



## 回報流程

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

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

<!-- 解答：  

<div id="app">
  {{ reverseText(text) }}
  <!-- 如何運用 methods -->
  <br>
  {{ dollarSign(cash) }}
</div>
-->




回報區
---


|   Discord    |                    CodePen / 答案                      |
|:----------:|:-------------------------------------------------------:|
| Wendy3#5616 |[Codepen](https://codepen.io/wendy03/pen/ZEjPoOg)        |
| 冬天#5215 |[Codepen](https://codepen.io/winter_/pen/WNKmJGY)|
|圈圈#4060|[Codepen](https://codepen.io/wjejfczn-the-bold/pen/vYaPjge)|
|AuroraC#6539|[codepen](https://codepen.io/AuroraC/pen/dyjreWW)|
|yuyu #6310 |[codepen](https://codepen.io/yuyu0905/pen/dyjreVR?editors=1010)|
|ㄚ翔#8126|[codepen](https://codepen.io/engineerjohnson/pen/ExpMLwK?editors=1111)|
|威0#6919|[codepen](https://codepen.io/n0918679182/pen/zYLbjLK?editors=1011)|
|Jill Lee#0809|[CodePen](https://codepen.io/chi-ling-lee/pen/VwBRxEy?editors=1111)|
| albee#9121|[Codepen](https://codepen.io/albee-chang/pen/abjMGRp?editors=1111)|
|JackC#0411|[codepen](https://codepen.io/key0329/pen/GRBedbw)|
|無名#6427|[Codepen](https://codepen.io/Nomoney/pen/JjBzZjO)|
|mandylai#4055|[Codepen](https://codepen.io/mandy-lai-2/pen/PoBLaoL)|
|法希娜#3206|[Codepen](https://codepen.io/yiiserpf-the-encoder/pen/QWBoxKj)|
|Alex#9978|[Codepen](https://codepen.io/datsxzqg-the-selector/pen/JjBzZWL)|
|Benson#6763|[Codepen](https://codepen.io/kumashow/pen/NWBJzYx)|
|威爾#1694|[CodePen](https://codepen.io/WILL_Wu/pen/zYLbaEP)|
|Hazel.#6020|[CodePen](https://codepen.io/Hazelhsieh/pen/NWBJzbP?editors=1010)|
|Hilda#7085|[CodePen](https://codepen.io/vwquikad-the-vuer/pen/NWBJBJY)|
| Potatolee#7749 |[CodePen](https://codepen.io/potatoleee/pen/QWBoBqa?editors=1010)|
| 柚子 #3958 |[CodePen](https://codepen.io/as6625998/pen/MWBxqad?editors=1010)|
|Chi#7605|[Codepen](https://codepen.io/YoChi84/pen/jOpJvGR)|
|大衛#4869|[Codepen](https://codepen.io/exnsrpjc/pen/mdjoGoj?editors=1010)|
|suihsilan#9485|[Codepen](https://codepen.io/suihsilan/pen/LYBaggX?editors=1010)|
|Kimi#9564|[Codepen](https://codepen.io/kimihu91/pen/OJwqBqy)|
|SASIMI#5099|[Codepen](https://codepen.io/sashimi1327/pen/oNMVamm)|
|Tuhacrt#0008|[codepen](https://codepen.io/Tuhacrt/pen/eYjXQGP)|
|泊岸#3466|[codepen](https://codepen.io/qoq77416416/pen/QWBoJvO)|
|int#7518|[Codepen](https://codepen.io/intHuang/pen/poZYqoq?editors=1010)|
|jacky010080#0880|[CodePen](https://codepen.io/Yen-Jung-Chen/pen/VwBRgOO?editors=1010)|
|阿鑫#4346|[CodePen](https://codepen.io/Neil1024/pen/zYLbXJB?editors=1011)|
|yoyo123456#0577|[CodePen](https://codepen.io/hungyoyo/pen/MWBxdrp?editors=1010)|
|LinaChen#1796|[CodePen](https://codepen.io/LinaChen/pen/oNMVRJJ)|
|hannahTW#2224|[CodePen](https://codepen.io/hangineer/pen/mdjoggj?editors=1010)|
|DIO大人#4776|[CodePen](https://codepen.io/oscar-2283/pen/PoBLrrK)|
|楊苡安#2752|[CodePen](https://codepen.io/yi-an-yang/pen/qBywWeL)|
|MengLin#3001|[CodePen](https://codepen.io/aacj2642/pen/abjxbro)|
|masterYan#2480|[CodePen](https://codepen.io/htzwgoqt-the-looper/pen/eYjomVm)|
|Zack_P#1805|[CodePen](https://codepen.io/tmzazirh-the-animator/pen/WNKWNBJ?editors=1010)|
|Cheryl#4007|[Codepen](https://codepen.io/Cheryl-Hsu/pen/BaPEjwV?editors=1010)|
| christina#6185 |[Codepen](https://codepen.io/chrisc0210/pen/bGjJgPa)|
|azami#5986|[Codepen](https://codepen.io/azami/pen/ZEjZewG)|
|rainliao#2616|[Codepen](https://codepen.io/billpop741/pen/dyjLRyr)|
| 薯餅#3581 |[Codepen](https://codepen.io/ColdingPoTaTo/pen/VwBNWYN)|
|Rena#6249 |[Codepen](https://codepen.io/aureate0116/pen/LYBvdXP)
|小木馬#8760 |[Codepen](https://codepen.io/wmmtbcsd/pen/mdjgQbZ)|
|Shuo#1596 |[Codepen](https://codepen.io/chiangchungshuo/pen/WNKWWeM?editors=1010)|
|Austyn#0949 |[Codepen](https://codepen.io/fish90547/pen/JjBVVQE)|
|Wendy77#8049|[Codepen](https://codepen.io/Wendy__/pen/jOporVy?editors=1011)|
|helena#8461|[Codepen](https://codepen.io/helena27/pen/VwBOPQJ)|
|Bassjim#0118|[Codepen](https://codepen.io/unrtxbaq/pen/oNMRpox)|
|出事了阿伯#9923|[Codepen](https://codepen.io/BradpittLai/pen/zYLVZrM)|
|Amberhh#2465| [codepen](https://codepen.io/Amberhh/pen/poZYKoj) |
| YC#2522 | [CodePen](https://codepen.io/YCLu/pen/VwBJBrq) |
| 小夜#3809 | [CodePen](https://codepen.io/Naito_K/pen/bGjPJOa?editors=1010) |
|PayRoom#8328|[CodePen](https://codepen.io/water38198/pen/NWLKWLP)|
|Yiru#0236|[Codepen](https://codepen.io/yiru94/pen/YzOzgKN?editors=1011)|
|yaru#6308|[CodePen](https://codepen.io/lszaietc/pen/LYJVzRX?editors=1010)|
|GOD_QWERTYUIOPLKJLKLLOINJ_MASTER#4922|[CodePen](https://codepen.io/sho666/pen/rNZVGxY?editors=1010)|
|阿蘇#8531|[CodePen](https://codepen.io/susu3131/pen/XWPmmxv?editors=1011)|
|YI#0863|[CodePen](https://codepen.io/YI0305/pen/vYzLzyx?editors=1010)|
|Mylène#2481|[CodePen](https://codepen.io/hamajibashi/pen/vYzKpYY)|
| ABOOS#6276 | [CodePen](https://codepen.io/guhungyin/pen/MWqjvYO) |
| yoyo#1003 | [CodePen](https://codepen.io/pen/zYJNrXJ) |
| 黑白兔#0684| [CodePen](https://codepen.io/johnny329/pen/MWqqpNa) |
|KC_8685#9343|[Codepen](https://codepen.io/cathy7411/pen/jOvQmoP)|
|Eason@7884|[Codepen](https://codepen.io/ASLEO/pen/yLRgGER)|
