Vue之为什么要有插槽这个东西

没有插槽的情况下在组件标签内些一些内容是不起任何作用的,当我在组件template中声明了slot元素后,在组件标签内写的内容就会跑到slot元素这里了!

插槽分为三类(把子组件比作牧马人越野车 插槽相当于对牧马人进行改装)

没改装前的牧马人
Vue之为什么要有插槽这个东西

1.默认插槽(父组件什么内容 都只插在子组件内一个地方)

Vue之为什么要有插槽这个东西

2.具名插槽 (父组件的内容必须根据name插入子组件中对应的地方)

Vue之为什么要有插槽这个东西

3.作用域插槽 (在父组件中把子组件样式进行了大换血 但还是子组件的内容 作用域插槽给了子组件将数据返给父组件的能力,子组件一样可以复用,同时父组件也可以重新组织内容和样式)

Vue之为什么要有插槽这个东西

猜你喜欢

转载自blog.51cto.com/13550695/2457920