router-link，router-view是咋用的

`router-link` 和 `router-view` 是 Vue.js 中用于实现路由功能的两个关键组件。

`router-link` 组件用于生成一个可点击的链接，当点击这个链接时，会触发路由跳转。该组件通常用于生成导航菜单或者跳转链接。

`router-view` 组件用于根据当前路由状态动态渲染匹配的组件。当 URL 发生变化时，`router-view` 会根据当前的路由状态自动渲染对应的组件。

下面是一个简单的使用示例：

<!-- App.vue -->
<template>
  <div>
    <div>
      <router-link to="/">Home</router-link>
      <router-link to="/about">About</router-link>
    </div>
    <router-view></router-view>
  </div>
</template>

<script>
export default {
  name: 'App'
}
</script>

在上面的代码中，我们首先定义了两个 `router-link` 组件，分别对应 Home 和 About 两个页面。然后，在 `router-view` 组件中，我们将当前路由状态对应的组件渲染出来。这里的组件是通过 Vue Router 配置文件中的路由映射关系自动匹配的。

需要注意的是，使用 `router-link` 组件时，需要将 `to` 属性指定为要跳转的 URL 路径；而在 Vue Router 配置文件中，需要定义一个 `routes` 数组，其中每个元素表示一个路由映射关系，包括 `path` 和 `component` 两个属性。例如：

// router.js
import Vue from 'vue'
import Router from 'vue-router'
import Home from './views/Home.vue'
import About from './views/About.vue'

Vue.use(Router)

export default new Router({
  mode: 'history',
  routes: [
    {
      path: '/',
      name: 'home',
      component: Home
    },
    {
      path: '/about',
      name: 'about',
      component: About
    }
  ]
})

在上面的示例中，我们首先通过 `import` 引入了要渲染的两个组件 `Home` 和 `About`，然后在 `routes` 数组中定义了两个路由映射关系，分别将 `/` 和 `/about` 路径映射到对应的组件上。最后，通过 `export default` 导出一个 `Router` 实例，供应用程序使用。