vue中的插槽是什么，官方解释是:
Vue 实现了一套内容分发的 API，这套 API 的设计灵感源自 Web Components 规范草案，将 元素作为承载分发内容的出口……
vue2插槽和vue3插槽基本概念是一致的，也是匿名插槽、具名插槽、作用域插槽三种，只是基础语法有一些区别。
下面让我们温习一下插槽的常用基础知识点。
匿名插槽
Vue2案例:
讯享网
Vue3案例:
讯享网
具名插槽
Vue2案例:
Vue3案例:
讯享网
作用域插槽
作用域插槽日常可能使用的很少，但是某些场景用起来还是很方便的。可以简单的理解为 作用域插槽允许父组件访问子组件内部的数据，并基于这些数据渲染内容。
Vue2案例:
Vue3案例:
子插槽组件：
讯享网
父组件使用子插槽组件：
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请联系我们，一经查实，本站将立刻删除。
如需转载请保留出处：https://51itzy.com/kjqy/193923.html