Vue:实践学习笔记(6)——使用SLOT分发内容
2024-09-02 10:30:52
Vue:实践学习笔记(6)——使用SLOT分发内容
Slot
Slot是什么
Slot是父子组件的通讯方式，可以将父组件的内容显示到子组件之中。
使用SLOT前
比如我在定义组件的时候，在里面输入了XXXXX，在渲染后页面并不会显示，那是因为模板内的内容替换掉了原有的。
使用SLOT后
如果我们不想被自动替换掉父组件的内容，那么可以引入插槽，那么父组件的内容会自动加载到插槽中。
多个命名SLOT
在子组件中通过为多个SLOT命名，来接受父组件的不同的内容的数据。
Slot用法
在子组件内使用特殊SLOT元素就可以为这个子组件开启一个Slot插槽，在父组件模板内，插入在子组件标签内的所有内容将替代子组件SLOT标签及它的内容。
最新文章
- 移动web基本知识
- 数据可视化案例 | 如何打造数据中心APP产品
- 开坑Java编写Json解析器，简明教程
- 解密jQuery内核 DOM操作方法（二）html,text,val
- [ImportNew] Perforce - Restoring Mistakenly Deleted Files in Workspace
- php 页面传递数组元素
- androids-addjavascriptinterface-equivalent-in-ios
- 数字信号处理实验（六）——FIR滤波器的设计
- ACM: Copying Data 线段树-成段更新-解题报告
- Hibernate缓存机制
- Linux - 文件的压缩与归档
- 转：使用linq to sql 随机取一行数据的方法
- Android判断当前系统语言
- 前端技术大行其道，再不拥抱TypeScript你就老了！
- springcloud第二步：发布服务提供者
- idea自个常用工具的总结
- mac brew install error
- java 字符串的运算公式直接转计算结果
- AS 自定义 Gradle plugin 插件 案例 MD
- 5、iptables之nat