1. main.ts代码如下:
import { createSSRApp, createApp} from "vue";
import App from "./App.vue";
import router from "../src/router/index"
const app = createApp(App);
// 写上此句报错,不写依然报同样错,甚至删除这两句也报同样错。
// app.use(router);
// app.mount('#app');
console.log(app);
2./src/router/index.ts代码如下:
import { createRouter, createWebHistory, createWebHashHistory} from "vue-router";
import indexVue from "@/pages/index/index.vue";
import userIndexVue from "@/pages/user/index.vue";
import loginVue from "@/pages/user/login.vue";
const routes = [
{
path: '/',
name: "home",
component: indexVue,
alias: ['/home', '/index']
},
{
path: '/user',
name: "user-index",
component: userIndexVue,
alias: ['/user/index']
},
{
path: '/login',
name: 'login',
component: loginVue,
alias: ['/user/login']
}
];
const router = createRouter({
history: createWebHistory(),
routes
});
export default router;
3.App.vue中头部加入以下
<template>
<router-view />
</template>
0 个回复