vue 默认插槽

 要点：

 

 小案例

 

简单的实现

但是现在如果在进行单个图片的展示

 

如果直接改的话,就会一起都改了

 

 

如果用v-show来解决代码就会很乱而且万一需求多了就不好处理 

 

解决办法

在组件标签里面写标签体内容

 但是如果这样写发现没有出现图片

 

此时vue时解析了的只是不知道要往组件里哪放所以干脆就不放,所以我们必须在组件里写一些东西告诉vue往这放

写入slot标签（插槽）告诉vue你前面写的组件标签里面的标签体体往这放

 

而且还可以传递一些默认值

 当不传时

就会显示slot标签里面的文字,如果传就会显示组件标签里面的内容

 

当放入的视频不能播放时在video标签上加上control

注意：

这三个标签最终都是塞到了category组件里的slot标签里的

而这个组件标签里面的标签体是在app解析完之后才塞进category组件里的slot标签里的

 

也就是说,可以把这些内置标签的样式写在app.vue的style样式里,用于控制