文章目录 1 provide和inject(祖传孙不打扰中间人) 1.1 Father.vue 1.2 Child.vue 1.3 GrandChild.vue 2 slot插槽 2.1 默认插槽 2.1.1 Father.vue 2.1.2 Category.vue 2.2 具名插槽 2.2.1 Father.vue 2.2.2 Category.vue 2.3 作用域插槽 2.3.1 Father.vue 2.3.2 Game.vue 3 总结 provide和inject:祖传孙不打扰中间人。slot默认插槽:父传子。slot具名插槽:父传子。slot作用域插槽:子传父。 方式一:使用vue/cli脚手架 CMD>vue create 项目名称 方式二:使用vite创建Vue3项目 注意node.js的版本要是最新的 CMD>npm create vue@latest 1 provide和inject(祖传孙不打扰中间人) 1.1 Father.vue <template> <div class