vue 路由的内置组件 router-link 介绍以及如何使用

目录

前言
它在哪？
如何使用
它里面的内容 to 介绍

前言

它是干嘛的？

实现你路由的切换

• 就像你以前写网页，你是不是写了分页，然后在主页上还有一个进入分页的 a 标签
• 它就和这个功能类似

它在哪？

• 这里展示的主页面当中的 router-link
• 所以它在 App.vue 里面（为什么主页面写在 App里，不是应该写在 index.html里面吗？no no no，这里是将这个页面获得到的内容 渲染到 主页面）
• 在 App.vue里面你爱写在哪就在哪
  

如何使用

在这之前我想你应该先了解一下router-view

1. 你要创建好对应的组件
2. 你要将你的组件写好对应的路由地址
3. 在 App.vue页面写入对应（链接）

写路由并且导入组件的详细过程上面的那篇文章里面有，这里只简单介绍一下

1. 你要创建好对应的组件

2. 你要将你的组件写好对应的路由地址

3. 在 App.vue页面写入对应（链接）

4. 结果展示：
   

它里面的内容介绍

<router-link to="/">Home</router-link>

这里面 to 属性指定要跳转路由的path（地址栏内的地址）.

• 这个里面的 to 要和你指定的path一致，不区分大小写
• 补充：a标签不可以，因为它是重新打开一个标签，他也能实现那个效果，只不过给人的感觉不像 router-link 那么友好