---
# System prepended metadata

title: "\U0001F3C5 Day 31"
tags: [Vue 直播班 - 2022 春季班]

---

---
tags: Vue 直播班 - 2022 春季班
---

# 🏅 Day 31
###### tags: `Vue 直播班 - 2022 春季班`

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

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





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

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

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

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

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

回報區
---
| 報數 |  組別/名字  |  codepen / 其他回饋  |
|-----|------------|---------------------------------------|
|   1 | Iris Huang |https://codepen.io/ythuang/pen/zYPdjmW |
|   2 | Larry      |https://codepen.io/larrylinr5/pen/PoOKeyw?editors=1010 |
|   3 | Aaron Tu   |https://codepen.io/aarontu/pen/qBVXYQJ |
|   4 | CloThEs    |https://codepen.io/bogwdnxx-the-sans/pen/QWOMrod |
|   5 | Henry Wu   | https://codepen.io/dkcmlaww-the-flexboxer/pen/zYPdjVa |
|   6 | Pei Ying   | https://codepen.io/Pei-Ying/pen/mdqMLNd?editors=1010 |
|   7 | Jason Chen | https://codepen.io/jason60810/pen/podrKoW |
|   8 | 肉鬆        | https://codepen.io/klrkicog/pen/LYOjrYa |
|   9 | 我是泇吟    | https://codepen.io/kljuqbxs/pen/zYPdaBm |
|  10 | kevinhes   | https://codepen.io/kevinhes/pen/PoOKaNz?editors=1011 |
|  11 | EmptyWu    | https://codepen.io/emptywu/pen/jOaLKrG |
|  12 | Wenfish    | https://codepen.io/wenfisht/pen/QWOMxvO |
|  13 | YC         | https://codepen.io/YCLu/pen/ZEaJRom |
|  14 | POPEYE     | https://codepen.io/popeye_ux/pen/podrKVK |
|  15 | 威爾        | https://codepen.io/WILL_Wu/pen/PoOKaXj |
|  16 | Gill       | https://codepen.io/Gill-Chin/pen/wvPqXVy?editors=1011 |
|  17 | Jhen       | https://codepen.io/cheng-jhen/pen/YzExjyZ |
|  18 | Yunei      | https://codepen.io/Yunei/pen/PoOKBZE |
|  19 | 群嘉        | https://codepen.io/efzdamnp-the-lessful/pen/qBVXyra?editors=1111 |
|  20 | kk         | https://codepen.io/potatokaka/pen/podrKMQ?editors=1010 |
|  21 | PeiChi     | https://codepen.io/pei-chi-tsai/pen/MWOvqvJ?editors=1010 |
|  22 | Bella Shya | https://codepen.io/BellaXie/pen/rNYzZqp?editors=1010 |
|  23 | 黃士桓      | https://codepen.io/shr-huan-huang/pen/BamdOMo?editors=1010 |
|  24 | 陳暐中      | https://codepen.io/wei-z/pen/mdqMzzO |
|  25 | Tim Lin    | https://codepen.io/TimmyLin/pen/KKyvraE |
|  26 | 有廖先生(Rain) | https://codepen.io/billpop741/pen/MWOvPZz |
|  27 | dOvOb      | https://codepen.io/gezzgrwj-the-styleful/pen/dyZzwym |
|  28 | tingyu     | https://codepen.io/dgltu/pen/yLPoZdQ |
|  29 | AKI        | https://codepen.io/akichen27/pen/NWwvJjO |
|  30 | Sally      | https://codepen.io/intelligence753/pen/bGYryqq?editors=1010 |
|  31 | Rick Tzeng |https://codepen.io/rick917jp6/pen/dyZzEZy |
|  32 | Charlotte Lee |https://codepen.io/charlotte-lee/pen/RwjZmXK?editors=1010 |
|  33 | Kelvin Hsu | https://codepen.io/kelvin001/pen/JjOygxa |
|34|Howard|https://codepen.io/yawdnhbm/pen/dyZzxxr|
|35|咖咖|https://codepen.io/gon790219/pen/LYOzYbZ |
|36|andersonshen| https://codepen.io/luxyenni-the-bold/pen/GROMRMy |
|37|Benson|https://codepen.io/soul81624/pen/JjOrJvR|
| 38 | KAREN HUANG | https://codepen.io/Coding_Snorlax/pen/jOaGGxa |
| 39 | Wilson |https://codepen.io/wilsonccheng/pen/podWdoO|
| 40 | Bruno Yu |https://codepen.io/bruno-yu/pen/podWagw|
|41|Sheep| https://codepen.io/SheepNDW/pen/mdqMLzN |
|42|Himi|https://codepen.io/Himi/pen/GROOZXo|
|43|Calon|https://codepen.io/Calon0118/pen/gOXXmrj|
|44| Otis | https://codepen.io/humming74/pen/poddeZg?editors=1010 |
|45|Terry21|https://codepen.io/feng0409/pen/xxPPqaX?editors=1010 |
|46|Arista|https://codepen.io/arista-hsieh/pen/WNXXZrw |
| 47 |Jasper|https://codepen.io/li-jasper/pen/QWOOOEQ |
|48|Bonnie|https://codepen.io/bonnieli1414/pen/poddKaw |
|49|Judy☻|https://codepen.io/hsiaohan/pen/qBVpNQO?editors=1010 |
|50|AllenW|https://codepen.io/AllenW/pen/wvPyRvr?editors=1010 |
|51|ZY Hsu|https://codepen.io/zihyin/pen/abVYpbq?editors=1010 |
|52|mei|https://codepen.io/Shila-Chen/pen/mdqxqPY |
|53|Scottie|https://codepen.io/wow767t/pen/bGYMYxp|
|54|紙飛機| https://codepen.io/paperplanea/pen/YzEbPNz |
| 55 | Sihle Huang | https://codepen.io/bugbug777/pen/vYpYLRz |
|56|Mylène| https://codepen.io/hamajibashi/pen/popypWp |
|57|大衛| https://codepen.io/exnsrpjc/pen/bGaQGwy |
|58|Gui|https://codepen.io/guitimliu/pen/BaJvKNW
|59|JD孟璁|https://codepen.io/oikdkmxq-the-looper/pen/MWrZpoo|
|60|Carol Li|https://codepen.io/carolli834/pen/KKRMjMK|