Vue 官方文档:参考官网:Vue.js - 渐进式 JavaScript 框架 | Vue.js (vuejs.org)
Vue Router 参考:Home | Vue Router (vuejs.org)
注意:我是用 vite 的方法创建项目的,有些创建项目方式的 router 使用是有区别的。
一、介绍
Vue Router 是基于路由和组件的,路由是用来设定访问路径,将路径和组件映射起来。
路由核心:改变 URL,但是页面不进行整体刷新。
路由表:是一个映射表,一个路由就是一组映射关系。这个关系为:key:value
key表示路由。value:可以为function(后端路由)或者component(组件)(前端路由)
二、 Vue Router 的引入和安装
我的安装使用的是 npm :在终端输入:
npm install vue-router@4
安装完成: