[JavaScript知识库] vue中slot插槽的使用

开发: C++知识库 Java知识库 JavaScript Python PHP知识库人工智能区块链大数据移动开发嵌入式开发工具数据结构与算法开发测试游戏开发网络协议系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑笔记本显卡显示器固态硬盘硬盘耳机手机 iphone vivo oppo 小米华为单反装机图拉丁

-> JavaScript知识库 -> vue中slot插槽的使用 -> 正文阅读

[JavaScript知识库]vue中slot插槽的使用

一.slot插槽是什么
slot插槽是vue提供的父组件向子组件传递组件的一种机制
二.slot插槽分类
可分为匿名插槽、具名插槽、作用域插槽
三.各个插槽的使用方法
匿名插槽：1.在子组件中定义
2.父组件向子组件传递一个HTML标签，这个HTML标签
会自动替换子组件的
具名插槽：具名插槽的用法基本和匿名插槽一致，但是子组件具名插槽定义了一个name属性
同样的，父组件传递了了一个具有slot属性的HTML标签

,替换时父组件传递的标签会替换子组件中具有相同属性值的插槽
作用域插槽：作用域插槽和具名插槽类似，父组件传递的标签拥有slot属性，子组件拥有name属性,但子组件绑定了一个数据。这个数据可以传递给父组件。父组件中使用来获取子组件向父组件传递的数据

JavaScript知识库最新文章

ES6的相关知识点

react 函数式组件 & react其他一些总结

Vue基础超详细

前端JS也可以连点成线（Vue中运用 AntVG6）

Vue事件处理的基本使用

Vue后台项目的记录（一）

前后端分离vue跨域，devServer配置proxy代理

TypeScript

初识vuex

vue项目安装包指令收集