网站地图怎么建设,深圳做英文网站公司,网站建设与管理基础,网页设计软件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