本文探讨了Vue.js中slot的三种类型，重点解析了作用域插槽的工作原理，它允许父组件通过预定义的变量来定制子组件的显示内容。虽然在某些情况下使用较少，但作用域插槽提供了一种灵活的方式来传递和控制子组件的数据。项目实例可在作者的GitHub仓库中查看。
slot
在同一个项目中, 遇见了差不多的头部导航栏, 但是又不完全一样, eg:
solt有三种: slot / 具名slot / 作用域slot, 这里我只截图了最难的作用域插槽, 其他的见我的项目: https://github.com/pbw-langwang/learn-vue
项目一部分截图:
作用域插槽
其实就是把子组件中的内容绑定到一个变量上( :abc ), 然后父组件替换掉slot的时候, 可以通过固定的slot.xxx来获取这个变量, 然后再按照父组件的要求将其展示, 但是感觉一般用得不到, 因为内容基本上都是父组件网络请求过来, 传递给子组件!
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
