单槽|默认插槽|匿名槽特点:一个组件中只能有一个这样的槽没有槽属性的HTML模板默认关联匿名槽。命名插槽子组件:
父组件:
显示结果:这是父组件,这是子组件槽的内容——--------------是名为content的slot中的内容。如果没有插槽,则不会显示123。注意:父组件使用子组件的插槽。使用何种标签并不重要。可以使用模板。对于div,您可以使用span作用域插槽|slotstylewithdata父组件说了算,但是内容可以显示子组件slot绑定。作用域插槽可以在父组件中重复使用。没有必要命名它。最好命名并传递多个参数。子组件
父组件//user.datauser是槽名,data是三种槽的绑定值。匿名槽namedslotslotwithdata槽与槽的区别-scope插槽后跟组件名称。slot-scope后面是组件传递的数据,也就是子组件中形参scope的slot有一句data="list",还有slot-scope="scope"父组件,slot-scope是取data的值,slot-scope的值是自定义的,我们可以取任何名字,但是data的值传递的时候,是以对象的形式传递的,所以scope.data是这里list的值。后面实际使用中,发现版本不一样,会导致部分语法无法使用。所以如果本文档中的方法不可用,可以使用网上的其他方法。