Vue插槽主要可以分为以下几类: 1. 默认插槽 默认插槽是最基础的插槽类型,可以在不指定名称的情况下直接使用。在子组件中,可以通过<slot></slot>标签来定义默认插槽的位置。父组件在使用子组件时,可以在子组件的标签之间插入内容,这些内容会被插入到子组件的默认插槽中。 示例: vue <!-- 子...
子组件内容:Category.vue 代码语言:javascript 复制 <template>{{title}}分类<!--定义一个插槽(挖个坑,等着组件的调用者进行填坑)--><slot name="center">我是具名插槽的默认值,当调用者没有传递具体结构时,我就出现啦111</slot><slot name="footer">我是具名插槽的默认值,当调用者没有传递具体结构时,我...
插槽(Slot)是vue为组件的封装者提供的能力。允许开发者在封装组件时,把不确定、希望由用户指定的部分定义为插槽。 2. 插槽的使用 2.1 插槽的简单使用 定义插槽区域的语法 <slot></slot> 78.png 2.2 slot的name属性 vue 官方规定,每一个slot插槽,都要有一个name名称 如果不指定,name的默认值是defalut 默认情况...
随笔分类 - vue插槽 摘要:vue插槽 1、编译作用域 在真正学习插槽之前,我们需要先理解一个概念:编译作用域。 官方对于编译的作用域解析比较简单,我们自己来通过一个例子来理解这个概念: 我们来考虑下面的代码是否最终是可以渲染出来的: <my-cpn v-show="isShow"></my-cpn>中,我们使用了isShow阅读全文 posted @...
Vue学习封装tabbar-首页,分类,购物车,我的 选项卡页面——使用插槽和路由进行封装和组合【后续更新】,功能描述:把tabbar封装抽取为公共的tabbar,使得我们只关注添加选项卡而不