实际上,为什么最好使用:to="{ name: 'home'}",而不是简单地使用to:="/"

<template>
   <h1>Vue 2:</h1>
   <router-link to="/">Home</router-link>
   <router-link :to="{ name: 'home'}">Home</router-link>
  <router-view/>
</template>

推荐答案

根据路由文档中的named routes,以下是使用名称而不是路径的优势:

  • 没有硬编码的URL
  • 参数的自动编码/解码
  • 防止您在URL中出现拼写错误
  • 绕过路径排名(例如,显示)

Vue.js相关问答推荐

BootstrapVue Popover:奇怪的react 行为

try 在类星应用程序中使用Vue插件(Vue 3 Mq)-如何配置?

Nuxt3 Build . put文件夹保持空,没有从.nuxt复制任何内容

如何默认打开一个v-list-group?

可组合数据获取示例

在计算(computed)属性上调用数组方法

使用 Vue.js 将文件输入绑定到按钮

如何在 A-La-Carte 系统中使用 vuetify 加载程序时导入 vuetify/lib

理解 VueJS 中的组件 props

我可以从手表调用方法并安装吗?

如何从特定索引呈现 v-for

正确使用 Vue $refs

如何渲染数组以 Select 选项 vue.js

POST 文件连同表单数据 Vue + axios

SVG 加载 vue-svg-loader; [Vue 警告]:无效的组件定义

Vue router路由,Root Vue 没有数据?

我可以避免使用 Vue.js 组件的重复样式吗?

如何克隆props对象并使其无react

[Vue 警告]:无效的props:propsscrollThreshold的类型判断失败.期望的数字,得到字符串

表格行上的 Vuejs 转换