Vue3和Vue2的不同及替代方案(TypeScript篇)

路由篇

router/index.ts同ES6的router/index.js写法相同

import { createRouter, createWebHashHistory } from \"vue-router\"
import Home from \'../views/Home.vue\'
const routes = [
    {
        path: \'/\',
        name: \'Home\',
        component: Home
    }
]
const router = createRouter({
    history: createWebHashHistory(),
    routes
})

export default router

但main.ts中不同

import { createApp } from \'vue\'
import App from \'./App.vue\'
import router from \'./router/index\' // ES6中是import router from \'./router\'
import ElementPlus from \'element-plus\'
import \'element-plus/dist/index.css\'
const app = createApp(App)

app.use(router).use(ElementPlus).mount(\'#app\')