分类：vue作用域插槽

2021
11-14

关于VUE的编译作用域及slot作用域插槽问题

什么是插槽？插槽的指令为v-slot，它目前取代了slot和slot-scope，插槽内容，vue实例一套内容分发的api，将slot元素作为承载分发内容的出口。插槽分为单个插槽，具名插槽，还有作用域插槽，前两种比较简单这里就不赘述了，今天的重点是讨论作用域插槽。简单来说，前两种插槽的内容和样式皆由父组件决定，也就是说显示什么内容和怎样显示都由父组件决定；作用域插槽的样式由父组件决定，内容却由子组件控制。简单来说：前两种插槽不... 继续阅读 >

2021
08-20

Vue中插槽slot的使用方法与应用场景详析

什么是插槽？我们知道在Vue中Child组件的标签的中间是不可以包着什么的。可是往往在很多时候我们在使用组件的时候总想在组件间外面自定义一些标签，vue新增了一种插槽机制，叫做作用域插槽。要求的版本是2.1.0+；插槽，其实就相当于占位符。它在组件中给你的HTML模板占了一个位置，让你来传入一些东西。插槽又分为匿名插槽、具名插槽、作用域插槽。在2.6.0中，我们为具名插槽和作用域插槽引入了一个新的统一的语法(即v-sl... 继续阅读 >