Vue 实现了一套内容分发的 API，这套 API 的设计灵感源自 Web Components 规范草案，将 元素作为承载分发内容的出口。
slot插槽内可以使用任何模板，甚至可以包含html和其他组件
父组件home.vue，
子组件popup.vue
注意，如果 的 中没有包含一个 元素，则该组件起始标签和结束标签之间的任何内容都会被抛弃。在页面中渲染不出来
如果在插槽中使用数据的时候，数据是在父级模板中编译，即父级模板里的所有内容都是在父级作用域中编译的；子模板里的所有内容都是在子作用域中编译的。
home.vue
如果变量message放在popup组件中定义，则会出现ReferenceError: message is not defined这个错误
3.后备内容（其实也就是默认内容）
可以将slot标签中设置默认内容，在父组件home.vue文件中的popup标签内没有提供内容的时候会显示默认内容
到此这篇vue插槽的原理（vue插槽用法）的文章就介绍到这了,更多相关内容请继续浏览下面的相关 推荐文章，希望大家都能在编程的领域有一番成就！
版权声明：
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如若内容造成侵权、违法违规、事实不符，请将相关资料发送至xkadmin@xkablog.com进行投诉反馈，一经查实，立即处理！
转载请注明出处，原文链接：https://www.xkablog.com/qdvuejs/22468.html