位置: IT常识 - 正文
推荐整理分享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)
友情链接: 武汉网站建设