vue的slot的使用问题

vue

根据官方文档来说,有三种使用方式

  • https://cn.vuejs.org/v2/guide/components.html#使用插槽分发内容

  • 单个插槽 https://github.com/Sinosaurus/blogs/blob/master/example/slot01.html

  • 具名插槽 https://github.com/Sinosaurus/blogs/blob/master/example/slot02.html

  • 作用域插槽 https://github.com/Sinosaurus/blogs/blob/master/example/slot-scope.html

总结:

  • 可以利用作用域插槽 进行子向父传值,但是有限制,只能在子组件中使用而已(暂时这么理解)
  • vue2.5以上可以不适用template进行也可以正常使用slot-scope

  • slot-scope可以分开,slot写具名插槽,scope写传过来的参数

以上是 vue的slot的使用问题 的全部内容, 来源链接: utcz.com/z/378603.html

回到顶部