Vue 动态组件 vs 路由器

Posted

技术标签:

【中文标题】Vue 动态组件 vs 路由器【英文标题】:Vue dynamic component vs router 【发布时间】:2019-06-16 22:27:09 【问题描述】:

请问你们什么时候用动态组件代替vue router?用动态组件代替vue router好不好?我更多地指的是子路线。假设我们有一个应用程序并且我们有几个导航元素。例如“关于”、“案例”、“服务”、“联系方式”,如果我们逐一查看,则会显示更多选项。假设如果我们转到“关于”,那么我们会在该页面中显示“团队”、“我们做什么”、“我们的使命”等类似内容。其他的也有额外的链接。所以这些可以用作子导航,也可以作为动态组件加载。使用一个比另一个有什么优点和缺点?

【问题讨论】:

【参考方案1】:

通过路由,您可以轻松链接到页面并刷新它们。由于链接到它们的动态组件会更加困难,并且刷新会将组件恢复为默认状态。

在您的情况下,我会使用路由,但您必须逐个权衡有用性。有人想链接到您的页面/关于/团队吗?您还可以考虑将它们全部安装到单个页面并使用锚点 yourpage/about#team。我想爬虫也无法访问按钮点击后的视图,只能访问链接。

【讨论】:

以上是关于Vue 动态组件 vs 路由器的主要内容,如果未能解决你的问题,请参考以下文章

路由器级别的 Vue 3 动态组件

vue-动态路由的实现

vue中动态路由组件缓存及生命周期函数

vue路由-动态路由和嵌套路由

vue路由自动加载、按组件异步载入vuex以及dll优化

vue项目中动态加载路由组件this.$route undefined