---
# System prepended metadata

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

---

# 🏅 6/11 (五) 每日任務 Day 35
###### tags: `Vue 直播班 - 2021 夏季班`

題目 (請將答案貼上 CodePen)
---
操作 [這個模板](https://codepen.io/rider159159/pen/NWpjXaw)，執行以下要求 (只能操作 JS 的部分):

> 練習 refs 呼叫元件方法
> - 請在 callComponent() 中，使用 $refs 的方法，指向 alert-com 元件，讓使用者點擊 button 會執行 callAlert() ，跳出 alert 警告。


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

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

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

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

<!-- 解答
    methods: {
      callComponent() {
        this.$refs.alert.callAlert();
      },
    }
-->

回報區
---
<!-- 1:陳sam
codepen:https://codepen.io/euldpliv/pen/zYZJQZQ
-->

<!-- 2:Vic
codepen:https://codepen.io/hsuan333/pen/ExWezXq
-->

<!-- 3:Lina Chen
codepen:https://codepen.io/LinaChen/pen/OJpBLXm
-->

<!-- 4:Wendy Li
codepen: https://codepen.io/rockayumitw/pen/JjWaqMd?editors=1010
-->

<!-- 5: Alysa Chan
codepen: https://codepen.io/alysachan/pen/jOBvomK
-->

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

<!-- 7:yijun
codepen:
https://codepen.io/sandy3068/pen/dyvqELv
-->

<!-- 8: Erica
https://codepen.io/ericadu/pen/RwpYmmL
-->

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

<!-- 10: 圈圈
https://codepen.io/wei-the-lessful/pen/rNyZEZj
-->

<!-- 11: Sec
codepen: https://codepen.io/Sentiments/pen/oNZPrKM?editors=1010
-->

<!-- 12: tim Chou
codepen: https://codepen.io/tim-chou/pen/zYZJgLL
-->

<!-- 13: peter.chen1024
codepen: https://codepen.io/JIAN-RONG/pen/qBrMevw?editors=1010
-->

<!-- 14: Yi Chieh
Codepen: https://codepen.io/Yi-Chieh/pen/vYxzoqO
-->

<!-- 15: Larry
Codepen: https://codepen.io/manpower0708/pen/PopyYzp?editors=1111
-->

<!-- 16: Harold
codepen: https://codepen.io/YuWin0805/pen/YzZJKLp
-->

<!-- 17: Joe Kuo
codepen: https://codepen.io/alertislow/pen/RwpebYV?editors=1010
-->

<!-- 18: 阿倫
codepen:https://codepen.io/jason5125122/pen/wvJYwJr
-->

<!-- 19: Ethan
codepen: https://codepen.io/blazer030/pen/abJRbgV
-->

<!-- 20: Jack
https://hackmd.io/wKikKcx8Q6aBqEUP1M50LQ
-->

<!-- 21: Fred Chang
https://codepen.io/fred8196/pen/bGqmVdm
-->

<!-- 22: leolee
https://codepen.io/nekorice/pen/yLMRYOm
-->

<!-- 23: Jay
codepen: https://codepen.io/jayredk/pen/rNyqejP
 -->

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

<!-- 25: valerie
https://codepen.io/vicky-chang/pen/JjWmBgO?editors=1010
 -->
 
<!-- 26: Jessie Cheng
https://codepen.io/JessieMosbi/pen/ExWOaoQ
-->

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

<!-- 28: jimmyFang
https://codepen.io/pohxiqqo/pen/KKWrgZg
-->

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

<!-- 30: MM
https://codepen.io/MINN3/pen/gOmZRZe
-->

<!-- 31: YOYO
https://codepen.io/lumedkle/pen/PopXrvR
-->

<!-- 32: Stacey Huang
https://codepen.io/staceyhuang/pen/OJpqBZK?editors=1111
-->

<!-- 33: Jordan Tseng
https://codepen.io/jordan-ttc-design/pen/VwpNbRV
-->

<!-- 34: Chiang
https://codepen.io/ChiangJ/pen/bGWNoNE?editors=1010
-->

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