路由封装报错

来源:2-6 路由封装(上)

慕码人5437048

2021-08-11

图片描述
main.js和router/index.js代码如下,其中很多式样都取消了,留下最简单的路由还是有问题。不知道是不是版本的原因。

import { createApp } from 'vue'
import App from './App.vue'
import router from './router'

console.log("环境变量",import.meta.env)

const app = createApp(App)

app.use(router).mount('#app')
import { createRouter, createWebHashHistory } from "vue-router";
import Home from '../components/Home.vue'

const routes = [
    {
        name: 'home',
        path: '/',
        meta:{
            title:'首页'
        },
        component: Home
    }
]

const router = createRouter({
    history:createWebHashHistory,
    routes
})

export default router
写回答

1回答

河畔一角

2021-08-11

你这是Vue3版本,我课程讲的是Vue2

如果要学Vue3版本,可以拉到课程末尾,我有讲解Vue3升级

0
0

Vue3+ElementPlus+Koa2 全栈开发后台系统

从前端晋级到全栈,让你的未来发展有更多可能

1069 学习 · 580 问题

查看课程