插槽

单个插槽

主页面




子页面




单个插槽

首页给子页面加上slot,到主页面进入子页面,并在主页的子组件添加内容

具名插槽

主页面




子页面




具名插槽

就是给插槽起个名字,这样子组件就可以同时有多个插槽
在子组件中给每个slot插槽有一个属性name
然后在父组件中用template标签配合v-slot属性来接收响应

作用域插槽(就是子传父传的数据)

主页面




子页面




数据插槽

在父组件中在某个标签上通过{}来接收,{{ }}来渲染(未定义的插槽就用v-slot:defaultc和 v-slot:other)指令来接收

你可能感兴趣的:(插槽)