vue slot插槽的使用

其实插槽可以理解为是一个占位符。就比如说家里要洗衣服就要放洗衣粉,这是很固定的。但是你有时候并不想用洗衣粉,这个时候自己就可以更换洗衣液就类似这个意思。

1、slot(默认插槽)

我们现在子组件里面写一段话,并且使用slot给他一段默认的话





然后咱们可以在父组件里调用它,并更改掉slot里面的内容





vue slot插槽的使用_第1张图片

 2、slot(具名插槽)

具名插槽的使用场景更多,比如下面这个。

还是先在子组件里放置内容 使用slot时给他name属性





父组件要更改子组件插槽内容必须要跟子组件中的name对应





vue slot插槽的使用_第2张图片

 

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