博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Vue的插槽slot的使用
阅读量:4093 次
发布时间:2019-05-25

本文共 1084 字,大约阅读时间需要 3 分钟。

介绍

个人理解slot插槽的作用就是预留位置,譬如我们的电脑有usb插槽,可以连接鼠标、键盘、U盘等等

一、插槽的基本使用

(1)插槽的基本使用<slot></slot>

(2)插槽可设置默认值,例如<slot><a-button></a-button></slot>
(3)如果有多个值,同时放入到组件进行替换(插槽)时,会一起作为替换元素

SlotTest1.vue

Main.vue

二、具名插槽

顾名思义是具有名字的插槽

NamedSlot.vue

Main.vue

作用域插槽

理解:父组件替换插槽的标签,但是内容由子组件来提供

ScopeSlot.vue

Main.vue

转载地址:http://jqtii.baihongyu.com/

你可能感兴趣的文章
动态规划法(六)鸡蛋掉落问题(一)
查看>>
LeetCode 887.鸡蛋掉落(C++)
查看>>
Dijkstra‘s algorithm (C++)
查看>>
奇异值分解(SVD)的原理详解及推导
查看>>
算法数据结构 思维导图学习系列(1)- 数据结构 8种数据结构 数组(Array)链表(Linked List)队列(Queue)栈(Stack)树(Tree)散列表(Hash)堆(Heap)图
查看>>
求LCA最近公共祖先的离线Tarjan算法_C++
查看>>
Leetcode 834. 树中距离之和 C++
查看>>
【机器学习】机器学习系统SysML 阅读表
查看>>
最小费用最大流 修改的dijkstra + Ford-Fulksonff算法
查看>>
最小费用流 Bellman-Ford与Dijkstra 模板
查看>>
实现高性能纠删码引擎 | 纠删码技术详解(下)
查看>>
scala(1)----windows环境下安装scala以及idea开发环境下配置scala
查看>>
zookeeper(3)---zookeeper API的简单使用(增删改查操作)
查看>>
zookeeper(4)---监听器Watcher
查看>>
zookeeper(2)---shell操作
查看>>
mapReduce(3)---入门示例WordCount
查看>>
hbase(3)---shell操作
查看>>
hbase(1)---概述
查看>>
hbase(5)---API示例
查看>>
SSM-CRUD(1)---环境搭建
查看>>