01编写可复用组件

编写可复用组件

在编写组件时，记住是否要复用组件有好处。一次性组件跟其他组件紧密耦合没关系，但是可复用组件应当定义一个清晰的公开接口。

Vue组件的API来自三部分 - props, events和slots：

• Props 允许外部环境传递数据给组件
• Events 允许组件触发外部环境的副作用
• Slots允许外部环境将额外的内容组合在组件中

使用 v-bind 和 v-on 的简写语法，模板的缩进清楚且简洁：

<my-component
  :foo="baz"
  :bar="qux"
  @event-a="doThis"
  @event-b="doThat"
>
  <img slot="icon" src="..." />
  <p slot="main-text">Hello</p>
</my-component>