前言:通过上一节的学习,我们知道了如何将数据从父组件中传递到子组件中,除了除了将数据作为props传入到组件中,Vue还允许传入HTML,
Vue实现了一套内容分发的API，这套API的设计灵感源自WebComponents规范草案，将slot元素作为承载分发内容的出口。
至于slot是什么我们一步一步往下看.
先来看一个需求首先你想创建一个通用性的按钮,按钮的内容是使用的时候来决定,我们可能会通过一个属性来设置按钮的文本,例如
divid="app"!--使用组件--my-buttontext="按钮"/my-buttonmy-buttontext="提交"/my-button/divscript//组件选项对象letMyButton={props:["text"],template:`button{{text}}/button`,};//实例中注册组件constvm=newVue({el:"#app",