router-link用法
router-link 是 Vue-router 提供的内置指令，用于生成一个链接，可以在Vue 应用中执行各种导航操作。
使用 router-link 指令需要在 Vue 项目的 main.js  中引入 Vue-router 实例，示例代码如下：
```
import VueRouter from 'vue-router'
import routes from './routes'react router详解和用法
Vue.use(VueRouter)
const router = new VueRouter({
  mode: 'history',
  routes
})
```
这里使用 Vue.use(VueRouter) 方法来安装 Vue-router 插件，并且配置了路由规则。
接下来，我们可以在 Vue 应用的代码中使用 router-link 指令来生成链接。具体使用方式如下：
```
<template>
  <div>
    <router-link to="/">首页</router-link>
    <router-link to="/about">关于我们</router-link>
    <router-link to="/contact"></router-link>
  </div>
</template>
```
在这个例子中，我们创建了三个 router-link 链接，分别指向应用的三个不同路由。当用户点击它们时，Vue-router 会帮助我们跳转到对应的页面。注意，to 属性后面的路径应该和路由规则匹配，这些路径可以是绝对路径，也可以是相对路径。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。