当前位置:   article > 正文

vue中插槽的详解_vue插槽的作用

vue插槽的作用

目录

1. slot-插槽的基本使用

1.1什么是插槽?

 1.2默认插槽

2.具名插槽:(有名字的插槽)

3.作用域插槽: 

 3.1接收作用域插槽几种写法:

3.2完整代码


1. slot-插槽的基本使用

1.1什么是插槽?

插槽(Slot)是 vue 为组件的封装者提供的能力。允许开发者在封装组件时,把不确定的、希望由用户指定的部分定义为插槽。可以把插槽认为是组件封装期间,为用户预留的内容的占位符。

 1.2默认插槽

  1. <body>
  2. <div id="app">
  3. <cpn>
  4. <h2 style="color: red;">我们在学习插槽</h2>
  5. </cpn>
  6. <
声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/从前慢现在也慢/article/detail/106205
推荐阅读
相关标签
  

闽ICP备14008679号