vue插槽和组件区别（vue三种插槽的区别）



vue中的插槽是什么，官方解释是:

Vue 实现了一套内容分发的 API，这套 API 的设计灵感源自 Web Components 规范草案，将 元素作为承载分发内容的出口......

vue2插槽和vue3插槽基本概念是一致的，也是匿名插槽、具名插槽、作用域插槽三种，只是基础语法有一些区别。

下面让我们温习一下插槽的常用基础知识点。

匿名插槽

Vue2案例:

Vue3案例:

具名插槽

Vue2案例:

Vue3案例:

作用域插槽

作用域插槽日常可能使用的很少，但是某些场景用起来还是很方便的。可以简单的理解为 作用域插槽允许父组件访问子组件内部的数据，并基于这些数据渲染内容。

Vue2案例:

Vue3案例:

子插槽组件：

父组件使用子插槽组件：

版权声明：

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如若内容造成侵权、违法违规、事实不符，请将相关资料发送至xkadmin@xkablog.com进行投诉反馈，一经查实，立即处理！

转载请注明出处，原文链接：https://www.xkablog.com/qdvuejs/43676.html