vue项目插槽的使用
solt的使用,复制代码时注意引入的路径是否正确,组件是否注册,是否传递的数据等
简单使用
父组件
子组件
头部按钮
尾部按钮
中间不具名的插槽内容
效果
稍微复杂使用
直接看代码把
父组件
{{hi}}
子组件
------------header------------------------------------
{{scope}}
{{scope.data.firstName}}
------------footer------------------------------------
{{scope}}
{{scope.data.name}}
------------default------------------------------------
{{scope.data.color}}
{{scope}}