关于router-link制作导航

router-link制作导航链接，我们只要点击就可以实现页面内容的变化。制作链接需要标签，它的语法：

<router-link to="/">[显示字段]</router-link>

• to：是我们的导航路径，要填写的是你在router/index.js文件里配置的path值，如果要导航到默认首页，只需要写成 to=”/” ，
• [显示字段] ：就是我们要显示给用户的导航名称，比如首页 新闻页。

明白了router-link的基本语法，我们在 src/App.vue文件中的template里加入下面代码，实现导航。

<div>
  <router-link to="/">首页</router-link>|
  <router-link to="/hi">Hi页面</router-link>
</div>

现在我们访问页面，发现已经多出了导航。