slot的使用方法
2024-09-06 15:59:43
参考链接：
https://www.cnblogs.com/loveyt/p/9946450.html
插槽的使用其实是很简单，你只需明白以下两点，就很容易理解。
1.插槽是使用在子组件中的，
2.插槽的作用是将父组件中的子组件模板数据正常显示
默认插槽我现在创建一个demo,结构如下：
父组件代码如下：
输出结果
当然在父组件引用的子组件中也可以写入其他组件
具名插槽
在子组件中定义了三个slot标签，其中有两个分别添加了name属性header和footer
在父组件中使用template并写入对应的slot值来指定该内容在子组件中现实的位置（当然也不用必须写到template），没有对应值的其他内容会被放到子组件中没有添加name属性的slot中
从上面可以看出来：父组件最终打印的结果并不是根据自身代码书写的顺序展现出来的，而是根据
插槽的默认内容
可以在子组件的slot标签中写入内容，当父组件没有写入内容时会显示子组件的默认内容，当父组件写入内容时，会替换子组件的默认内容
编译作用域
作用域插槽
在子组件的slot标签上绑定需要的值，在父组件上使用slot-scope属性，user.data就是子组件传过来的值
最新文章
- Android官方文档
- [深入学习Web安全](5)详解MySQL注射
- SparkSQL之旅
- AngularJS开发指南15：AngularJS的创建服务，将服务注入到控制器，管理服务依赖详解
- Html4与Html5的关键区别
- uva 11234 Expressions 表达式 建树+BFS层次遍历
- “cvSnakeImage”: 找不到标识符
- underscorejs-pluck学习
- Directx11学习笔记【二十】 使用DirectX Tool Kit加载mesh
- HDU1848-Fibonacci again and again
- js中的数组去重
- 1.6 dropout正则化
- MySQL InnoDB 行记录格式（ROW_FORMAT）
- psql备份和恢复（ubuntu）
- mybatis中批量插入以及更新
- Asp.net 中，在服务端向客户端写脚本的常用方法
- npm安装vue详细教程（图片详解）
- 网站使用 rel="noopener" 打开外部锚
- 面向对象（基础oop）之进入继承
- SSH Secure Shell Client的使用方法