Vue中v-slot插槽详解
参考博文：https://blog.csdn.net/weixin_45755816/article/details/120500714
- 准备工作
- 搭建vite
- 安装Windi CSS 或者 Tailwind
不使用插槽
{{ title }}分类
- {{item}}
默认插槽
- {{g}}
{{ title }}分类
这里可以填写默认值，当组件使用者没有进行填充时，会显示
具名插槽
{{ title }}分类
这里可以填写默认值，当组件使用者没有进行填充时，center会显示
这里可以填写默认值，当组件使用者没有进行填充时，foot会显示
作用域插槽
- {{ g }}
- {{ g }}
- ?????插槽{{ g }}
{{ g }}
?????插槽{{ g }}
{{ title }}分类
默认插槽
默认插槽
默认插槽
动态插槽名
- {{ g }}
{{ title }}分类
和具名插槽的缩写
跟
v-on和v-bind一样，v-slot也有缩写，即把参数之前的所有内容(v-slot:)替换为字符#
完整代码
代码
推荐一个加速软件——DivSidecar
意为为开发者打辅助的边车工具，通过本地代理的方式将https请求代理到一些国内的加速通道上
1、GitHub打不开，加速Github 很有用。
2、dns优选（解决污染问题）
3、Stack Overflow 加速
4、npm加速