---
# System prepended metadata

title: 設計魔劍三組
tags: [' Vue', JavaScript 實戰班, ' Day22']

---

---
tags: JavaScript 實戰班, Day22, Vue
---


# 設計魔劍三組

## 7/14：Day 22

經過拆解以後，發現神秘之手所拿來的傳呼機，就是透過 Vue 所建構的，因此，小明親自改造了傳呼機的構造，預期可以傳遞更多的訊息。

小明預期可以一次發送三筆資訊，甚至可以傳遞資訊，請協助小明完成這項改變（小明覺得這樣的調整簡直是天才）。

任務：

- 本範例只能調整 **super-bbcall HTML 屬性**及**元件內的 props 內容**
- 範例包含兩個字串及一個陣列，皆需要正確呈現

[https://codepen.io/Wcc723/pen/MWKBpoo?editors=1010](https://codepen.io/Wcc723/pen/MWKBpoo?editors=1010)

---

### Ryan

<iframe height="265" style="width: 100%;" scrolling="no" title="Vue - Props 2" src="https://codepen.io/RyanYD/embed/jOWpjBJ?height=265&theme-id=light&default-tab=js,result" frameborder="no" allowtransparency="true" allowfullscreen="true">
  See the Pen <a href='https://codepen.io/RyanYD/pen/jOWpjBJ'>Vue - Props 2</a> by Ryan
  (<a href='https://codepen.io/RyanYD'>@RyanYD</a>) on <a href='https://codepen.io'>CodePen</a>.
</iframe>

> 助教回覆：作業做的很好哦，有正確使用 Props 將不同訊息傳送給子元件囉 :+1:
