封装组件

封装组件有三个要素:

1,props:父传子

2,事件派发和监听

通过this.$emit()来派发事件@或者$on来监听事件

3,slot 插槽也叫内容分发

<slot name='插槽名'>

在组件中需要插入的内容

<div slot='插槽名'></div>

封装组件思考:
1.你想向用户暴露哪些属性 (props)
2.你想向用户暴露哪些事件,让用户监听来处理后续的业务 ($emit,@)
3.你想让用户嵌入哪些自定义的内容(slot)

posted @ 2020-05-27 21:29  孟~先~生  阅读(493)  评论(0编辑  收藏  举报