vue slot和router-view的区别

Question

slot提供占位符，好像router-view也是这样，这两者有什么本质区别？分别的适用场景是哪？

Answer 1

router-view 是一个 functional 组件，它是一个组件，一个组件，一个组件，重要的事情说三遍，用于渲染路径匹配到的视图组件。核心概念是：路径匹配和渲染视图组件。

slot 实际上是一个抽象元素，有点类似template，设计思想有点类似面向对象中的多态，用于组件中某一项需要单独定义，那么就应该使用solt。核心概念是：组件当中某一项，可能是一个元素，也可能只是一个文本。。。。

举例说明下：
项目中需要一个模态框，包括成功和失败两种情况，其中该模态框有文案和背景图片差异，那么模态框可以看作一个组件，而文案和背景图片就可以用slot。

希望对您有所帮助！

Answer 2

这两个没有任何关系，router-view是做路由导航的，slot是用于父子组件内容分发的，可以理解为插槽，可以将相关内容分发到子组件的slot位置上。

Answer 3

router-view 是用于路由导航的，
slot 一般是用于父子组件分发内容的。

Answer 4

这俩没有什么关系。勉强来讲占位的话v-if，<component :is="xx">也能提供占位的作用。

---

router-view是和浏览器访问记录关联的。
slot则是将父组件中定义的内容插入子组件的结构中（没错，slot的内容是算父组件的）。

Answer 5

你们说了这么多根本没有把本质区别说出来

Answer 6

它们没有可比性吧！