---
# System prepended metadata

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

---

# 🏅 6/7 (一) 每日任務 Day 31
###### tags: `Vue 直播班 - 2021 夏季班`

題目 (使用 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>
-->

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

<!-- 2:Tofu Tseng
Codepen: https://codepen.io/Tofutseng/pen/abJKbeX
-->

<!-- 3:leo lee
Codepen: https://codepen.io/nekorice/pen/NWpzWZg
-->

<!-- 4:Lina Chen
Codepen: https://codepen.io/LinaChen/pen/RwpJNwr
-->

<!-- 5:Vic 
Codepen: https://codepen.io/hsuan333/pen/vYxrEEN
-->

<!-- 6:小魚 
Codepen: https://codepen.io/jarvis1993/pen/KKWewpQ
-->

<!-- 7: Alysa Chan
Codepen:
https://codepen.io/alysachan/pen/xxqzbEo
-->
<!-- 8: LiShang
Codepen:
https://codepen.io/li-shang/pen/ZEeRYxP
-->

<!-- 9: peter.chen1024
codepen: https://codepen.io/JIAN-RONG/pen/bGqKNjM?editors=1011
-->

<!-- 10: allen-chou
codepen: https://codepen.io/eepson123tw/pen/BaWVyvr
-->

<!-- 11: Erica
https://codepen.io/ericadu/pen/dyvKPrN
-->

<!-- 12: SeanLiu
https://codepen.io/ericadu/pen/rNyKNEZ
-->

<!-- 13: YuSung
https://codepen.io/kevin-hsu-the-encoder/pen/OJpEPGv?editors=1010
-->


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

<!-- 15: Jack
https://codepen.io/randomno/pen/PopaqWd?editors=1010
-->

<!-- 16: tim Chou
https://codepen.io/tim-chou/pen/MWpXwow?editors=1010
-->

<!-- 17: Yi Chieh
Codepen: https://codepen.io/Yi-Chieh/pen/abJKOYW
-->

<!-- 18: Larry
Codepen: https://codepen.io/manpower0708/pen/rNyKOjY
--> 

<!-- 19: YOYO
Codepen: https://codepen.io/lumedkle/pen/QWpxjZv
--> 

<!-- 20: 阿倫
Codepen: https://codepen.io/jason5125122/pen/zYZaGxv
-->

<!-- 21:yijun
Codepen:
https://codepen.io/sandy3068/pen/eYvKJLa
-->

<!-- 22:Joe Kuo
Codepen: https://codepen.io/alertislow/pen/eYvKJqO?editors=1010
-->

<!-- 23: Wendy Li
Codepen: https://codepen.io/rockayumitw/pen/ZEeRLJJ?editors=1010
-->

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

<!-- 25: Jay
codepen: https://codepen.io/jayredk/pen/yLMEvEy
 -->

<!-- 26: Echo Hui
codepen: https://codepen.io/echohuiecho/pen/mdWKaxO?editors=1010 -->

<!-- 27: Oober
codepen: https://codepen.io/xtsjrjdv/pen/RwpJdrq 
-->

<!-- 28:Eyan   
codepen:https://codepen.io/somebody1997/pen/eYvjpRW?editors=1010
-->

<!-- 29: Sec
codepen: https://codepen.io/Sentiments/pen/gOmjMJb
-->

<!-- 30: Ethan
codepen: https://codepen.io/blazer030/pen/wvJxPyv
-->

<!-- 31: MM
codepen: https://codepen.io/MINN3/pen/yLMqEpW
-->

<!-- 32: Jessie Cheng
codepen: https://codepen.io/JessieMosbi/pen/JjWBaKw
-->

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

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

<!-- 35: dah
https://codepen.io/hua0124/pen/QWpVdGe
-->

<!--36: Fred Chang
https://codepen.io/fred8196/pen/OJpoxWx
-->

<!--37: 圈圈
https://codepen.io/wei-the-lessful/pen/bGqxPrJ
-->

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