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标签内没有提供内容的时候会显示默认内容
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请联系我们，一经查实，本站将立刻删除。
如需转载请保留出处：https://51itzy.com/kjqy/151774.html