vue slot和router-view的区别

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

阅读 9.4k
6 个回答

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

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

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

希望对您有所帮助!

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

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

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


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

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题