未来做啥网站致富,网页和移动端界面设计,网站维护收费,共享门店新增实时收款slot父组件向子组件传递数据
匿名插槽–直接写 具名插槽–指定名称
父组件中
子组件中#xff1a;
代码
App.vue
templateh2App.vue/h2!-- 匿名插槽 --Headera href1234567890.com1234567890/a
代码
App.vue
templateh2App.vue/h2!-- 匿名插槽 --Headera href1234567890.com1234567890/a/Header!-- 具名插槽 --Footertemplate v-slot:urla hrefabcdefg.comabcdefg/a/template/Footer/templatescript setup
import { ref, reactive, provide } from vue;import Header from ./components/Header.vue;
import Footer from ./components/Footer.vue;/scriptstyle langscss scoped/style
Header.vue
templateh2Header.vue/h2slot/
/templatescript setup
import { inject } from vue/scriptstyle langscss scoped/styleFoot.vue
templateh2Footer.vue/h2slot nameurl/
/templatescript setup/scriptstyle langscss scoped/style参考
https://www.bilibili.com/video/BV1nV411Q7RX
