位置: IT常识 - 正文
vue3插槽、具名插槽、作用域插槽-足够入门了！(vue 插槽详解)
编辑：rootadminvue3插槽、具名插槽、作用域插槽-足够入门了！ vue3 插槽前言
本文链接地址:https://www.jiuchutong.com/zhishi/299620.html
转载请保留说明！
推荐整理分享vue3插槽、具名插槽、作用域插槽-足够入门了！(vue 插槽详解)，希望有所帮助，仅作参考，欢迎阅读内容。
文章相关热门搜索词:vue 插槽详解,vue插槽几种,vue3.0插槽,vue3.0插槽,vue插槽的使用场景,vue 插槽详解,vue3 插槽,vue 插槽详解,内容如对您有帮助，希望把文章链接给更多的朋友！
这篇文章介绍vue组件的插槽！包括：插槽概念，具名插槽，作用域插槽等等，看完不会你打我。哈哈哈，开玩笑的，不多说，上刺刀！！
1. 概念插槽（Slot)是vue为组件的封装者提供的能力。允许开发者在封装组件时，把不确定的、希望由用户指定的部分定义为插槽。
举个栗子：
eg组件好比小霸王游戏机，插槽就是游戏机的插口，看用户插什么卡，就在屏幕（预留的位置）上显示出对应的游戏（内容）。
我们不能把一个游戏机就固定一个游戏，有了插槽，这就一个（游戏机）组件，可以玩（显示出）不同的游戏（用户自定义的内容）。概念不太容易理解，直接上图：
2. 插槽的基本使用在Left里面加一个slot标签<template> <div class="left-container"> <h3>Left 组件</h3> <!--下一篇：机器视觉系列5：C++部署pytorch模型onnxruntime(机器视觉 machine)