# **自定義屬性props**（數組方式/僅接收）
* 通過給父組件添加自定義屬性
* 子組件中通過props接收父組件的自定義屬性
* 在模板中通過{{自定義屬性名稱}}來顯示數據
```html
<div id="app" class="container" style="margin-top: 100px;">
<my-alert msg="支付成功"></my-alert>
<my-alert msg="完成交易"></my-alert>
</div>
<script src="js/vue.js"></script>
<script>
Vue.component('my-alert',{
props:['msg'],
template:`<div class="alert alert-success" >{{msg}}</div>`
})
var vm = new Vue({
el:'#app',
})
</script>
```
