vue3项目基础

1.建立一个名字叫my-vue-app的项目

npm create vite@latest my-vue-app -- --template vue

2.安装依赖

npm install

3.打开项目网页

npm run dev

vue3里template报错 可以取消eslint第二个勾选

3.安装引入element

https://element-plus.gitee.io/zh-CN/guide/quickstart.html

4.vue3引入路由

src下创建

router/index.js

import { createRouter,createWebHashHistory} from 'vue-router'

const routes = [
    {
        path:'/',
        component:()=>import('../views/Main.vue'),
        children: [
            {
                path:'/',
                name:'home',
                component:() => import('../views/home/Home.vue')
            }
        ]
    }
]

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

export default router

views/home/Home.vue

views/Main.vue

src/main.js里直接引入

import router from './router'
app.use(router)