第一次用这个写博客,大家可以给点建议,支持支持!!
day1:
今天学了vue的插槽,就是给子组件设置<slot></slot>,父组件使用该子组件,可以吧子组件中的内容渲染到插槽中。渲染的内容要写到temple中。
1.作用域插槽:
可为slot取名字,父组件就可以动态使用插槽,默认name=“default”,指定设有name的cacao可用v-slot:name 指定,v-slot简写是“#”,如下图所示:
2.作用域插槽:
(1)可以给预留的slot绑定props数据,这种的插槽叫做作用域插槽,可用自定义属性的形式把props数据接收,例如:
(2)可在父组件中使用的子组件上里用#=“要展示的props数据”的形式展示,
可把props取一个名,再用差值表达式表示出来:
最后结果展示:
展示结果是用对象形式展示,要展示具体某个,可以用obj.user,也可用结构赋值{user} 。
大家给给建议!!!