vue3的router使用
安装vue3.0默认没有vue-router 需要下载4.0版本 ,就像elementUI 在vue3.0使用时需要下载element-plus下载:npm install vue-router@4.0.0-beta.13src目录创建route文件夹下的index.js 。 假设有了两个页面import { createRouter,createWebHistory} from "vue-rou
·
安装vue3.0默认没有vue-router 需要下载4.0版本 ,就像elementUI 在vue3.0使用时需要下载element-plus
下载:
npm install vue-router@4.0.0-beta.13
src目录创建route文件夹下的index.js 。 假设有了两个页面
import { createRouter,createWebHistory} from "vue-router";
const routerHistorys = createWebHistory()
const router = createRouter({
history: routerHistorys,
routes: [
{
path: '/',
component: ()=>import ('@/components/HelloWorld.vue')
},
{
path: '/login',
component: ()=>import('@/views/login')
}
]
})
export default router
main.js引入创建的route/index.js文件
import { createApp } from 'vue'
import App from './App.vue'
import router from './route/index'
import ElementPlus from 'element-plus';
import 'element-plus/lib/theme-chalk/index.css';
const app = createApp(App)
app.use(ElementPlus)
app.use(router)
app.mount('#app')
别忘了App.vue文件
<template>
<router-view />
</template>
更多推荐
已为社区贡献10条内容
所有评论(0)