概要 Vue3（其实从2.6开始）中引入了一个新的指令v-slot，用来表示具名插槽和默认插槽 基础示例 为什么要这么做 在v2.5中介绍了slot-scope，可以直接在插槽元素上使用。 同样的，我们也可以在组件上这样使用。 然而，上面的示例会导致一个问题 ...

插槽（Slot）是Vue提出来的一个概念，正如名字一样，插槽用于决定将所携带的内容，插入到指定的某个位置，从而使模板分块，具有模块化的特质和更大的重用性。 Slot 是在组件模板中设置的用于在父组件中插入其孙子组件（即自身的子组件）或DOM片段的插槽。 匿名solt 子组件中 ...

在vue3 中 使用 vuedraggable 拖拽组件的时候 遇到的问题记录如下： 1、在template中使用拖拽插件 按照官网的写法 并没有问题 如下： 　　item为具名插槽 2、在JSX中使用拖拽插件 遇到了一个问题 报错 Error: draggable ...

在写 vue 组件的时候，如何能保证其中嵌套的子组件符合我们的预期？ 例如封装一个切换 tab 的组件，分为两个部分：外容器 tabs 和 单组件 tab，那么如何保证用户在使用过程中， tabs 里面包裹的使我们想要的 tab 组件，而不是其他例如 div 标签等？ 如下图，新建一个页面 ...

vue2中与vue3中的使用方法有所不同，简单截图如下 在使用中还有个不同点就是key值的绑定 有所区别 分别是“：key”和“item-key” 不然控制台就会给出警告如下： 参考链接：https://github.com ...

主要内容: 1. 什么是插槽 2. 组件的插槽 3. 插槽的使用方法 4. 插槽的具名 5. 变量的作用域 6. slot的作用域 一. 什么是插槽呢? 1. 生活中的插槽有哪些呢? usb插槽, 插线板插槽 2. 插槽有什么作用? 同样的插线板, 可以插电视机 ...

vue之slot，组件标签嵌套 插槽（Slot），在各种vue的ui插件中，经常见到的多个组件标签相互嵌套（如下）就是以此为基础的。 而我们也经常会用到这种场景，例如封装一个边框样式的组件，组件中的内容，可以通过这种方式制作，或者将子组件提取到父组件中进行操作等等。 slot ...

slot 是vue的内置组件，主要分为传值和接收值两部分; 首先写一个自定义组件：例如 <js></js> 再写一个template模板 并在构造器中使用components：{} 挂载， 在构造器的data中写一个选项方法： data ...