在編寫組件的時候，時刻考慮組件是否可復用是有好處的。一次性組件跟其他組件緊密耦合沒關系，但是可復用組件一定要定義一個清晰的公開接口。
Vue.js組件 API 來自 三部分：prop、事件、slot：
- prop 允許外部環境傳遞數據給組件，在vue-cli工程中也可以使用vuex等傳遞數據。
- 事件允許組件觸發外部環境的 action
- slot 允許外部環境將內容插入到組件的視圖結構內。
代碼示例：
<my-component :foo="bar" :bar="qux" //子組件調用父組件方法 @event-a="doThis" @event-b="doThat"> <!-- content --> <img slot="icon" src="..." /> <p slot="main-text">Hello!</p> </my-component>