Vue2插槽slot

我会以插槽常用的有几种、插槽的作用、分别如何使用、使用场景 
 
 插槽分为匿名插槽/具名插槽/作用域插槽

  插槽的作用是我们可以给组件预留空间自己定义内容

匿名插槽: 不写name属性时的使用方法就叫匿名插槽,其时所谓的匿名插槽是有名字的 他的名字是default
具名插槽: 可以通过v-slot:插槽的名字 , 给指定的插槽定义内容 ,v-slot:名字可以简写为 #名字
作用域插槽: 插槽也可以通过自定义属性预备插槽需要使用的数据 而这种插槽就叫做作用域插槽,
使用场景比如在我写后台管理系统的时候,用到了表格,表格有操作列,
里面需要使用插槽自定义列写按钮,还有我们的组件中在子组件定义一个具名插槽,
在父组件就可以传入不同的数据,利用name属性,显示不同的内容

子组件






父组件






 完! 

A lot can happen between now and never.
把握当下,一切皆有可能。

你可能感兴趣的:(#,vue2,vue.js,elementui,前端)