老师,有些问题想问一下
老师好！
1.关于slot插槽这东西，到现在还不是很明白是什么意思，不知道怎么用
2.还有不是很明白
如果inline是false那不就没有这个class了吗？为什么还能给这个class添加样式呢？
正在回答
同学你好，
‘梨不开的桃子’老师说的有点问题。
1、slot插槽是定义在子组件中，使用父组件传递过来的模板，例如：
（1）一个模板的情况：
效果：
（2）两个模板的情况：
两个模板会全部都显示在一个slot中。
（3）选择一个模板显示：
效果：
因为slot中name值为two，所以显示的是第二个模板中的内容。
2、上面老师解释的也就是视频中2-2讲解的slot用法。
3、这里只要写了inline，传入的值就是true：
不需要写class。
父组件中传入inline为布尔值，子组件中根据传入的值判断样式是否显示：
自己可以再测试理解下，祝学习愉快！
这里的inline不写class="inline"也可以当做<me-loading>标签存在inline吗？
同学你好！
概念：插槽，也就是槽，是组件的一块HTML模板，这块模板显示不显示，以及怎样显示由父组件来决定。
使用方法：其实就是类似于一个子组件或者标签的引用的过程。在父组件里面定义一个slot，给它起个name叫“A”，然后组件引入到子组件，子组件里面有个元素的属性slot值等于name的值‘A’，然后父组件里面没有值的时候就可以显示子组件里面的信息了（切记：插槽slot要写在父组件里面！！！）。
代码示例：父组件：
子组件
有兴趣的话，同学可以了解下官网中对插槽的讲解:
https://cn.vuejs.org/v2/guide/components-slots.html
关于inline,它的默认值是false，但是若在父组件中传递该属性，就是true，不传递的话，就是默认的false，为true的情况下，这个类才能生效：
如果帮助到了你，欢迎采纳，祝学习愉快~
相似问题
登录后可查看更多问答，登录/注册
- 参与学习 人
- 提交作业 209 份
- 解答问题 3299 个
本路径是通过ES6基础知识、运用Zepto、Swiper、fullPag等移动端常用工具包、以及当下流行框架Vue，结合多个实战案例，还原真实开发场景，最终实现手机端购物商城网页开发。
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星