1:安装
vue版本:vue3.2.8
router官网:Vue Router
router安装命令:npm install vue-router --save
结果自动安装的是router 3.5.3 ,希望升级到router 4。
运行升级命令:npm install vue-router@next
安装成功后,安装的是router版本为4.0.12
2.使用
2.1接着在src下创建router\index.js,代码如下:
import { createRouter, createWebHistory } from 'vue-router'
const routes = [
{
path: '/',
component:()=> import('../views/index/index.vue')
},
{
path: '/index',
name: "index",
component:()=> import('../views/index/index.vue')
},
{
path: '/checkindex',
name: "checkindex",
component: ()=> import('../views/check/index.vue')
},
{
path: '/my',
name: "checkindex",
component: ()=> import('../views/my/index.vue')
},
]
export const router = createRouter({
history: createWebHistory(),
routes: routes,
})
export default router
2.2在main.js中引入
import router from './router'
const app = createApp(App);
app.use(router);
app.mount('#app')
2.3使用
<router-link to="/checkindex">名称</router-link>