.category{宽度：200px；高度：300px；background-color:pink;}前言Slots可以说是Vue中非常重要的一部分。在此过程中，当组件与插座一起使用时，它会发挥更好的作用。更多时候会更方便。今天给大家介绍一下Vue中的三种槽：默认槽、命名槽和作用域槽。环境准备首先搭建一个初始环境给大家看看。一步步走过这个插槽。就是写一个category组件，分别渲染这三种数据。分类组件.category{宽度：200px；高度：300px；background-color:pink;}App组件一开始是和上图一样的需求，现在业务需求变了，电影变成了只有其中一个，其他都是美食不推广，只推广食物，如下图所示：怎么改才合适呢？是不是在Category组件中加上if来一一判断？或者，还有更好的方法？？？无法一一判断，因为代码会变得非常复杂，难以阅读，而且以后如果业务需求需要改动，代码也不好搬。接下来是拉到默认插槽。1.默认slot我们不再需要在子组件中使用props来接收数据或者渲染，而是定义一个slot。应用组件也做了改变exportdefault{props:{}}父组件qq登录微信登录</button>

电影

点击购票

食物

{{item}}