要点:



小案例



简单的实现

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

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


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

解决办法
在组件标签里面写标签体内容

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

此时vue时解析了的只是不知道要往组件里哪放所以干脆就不放,所以我们必须在组件里写一些东西告诉vue往这放
写入slot标签(插槽)告诉vue你前面写的组件标签里面的标签体体往这放


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

当不传时

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

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

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

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

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


1197

被折叠的 条评论
为什么被折叠?



