1.  
  2. 主页
  3.  / 
  4. Vue教程
  5.  / 
  6. Vue教程之插槽

Vue教程之插槽

在 Vue 中插槽说白了就是 “占位”,在组件模板中占好了位置,当使用该组件标签时候,组件标签里面的内容就会自动填入,替换组件模板中slot位置,并且可以作为承载分发内容的出口。

默认插槽

没有具体名字,可以随意存放内容,就是默认插槽。

实例演示

父组件

子组件,替换 slot 标签的位置。

作用域插槽

作用域插槽其实就是为了让父组件能够访问子组件的才有的数据。

实例演示

父组件

子组件

具名插槽

说白了就是给插槽定义一个名字,然后通过名字来插入数据。

实例演示

父组件

子组件

这篇文章对您有用吗?

我们要如何帮助您?

发表评论

邮箱地址不会被公开。 必填项已用*标注