初始化一个vue3项目

初始化

我默认自己先熟悉一遍vue3 的路由以及main.js

1. 配置 路由

npm下载 vue3 版本的路由

// 下载支持vue3的路由  npm install vue-router@4

2.在 src 目录下创建 router 文件夹 里创建 index.js

// 引入路由 
import { createRouter, createWebHashHistory } from 'vue-router'

const routes = [
    {
        path:'/',
        name:'login', 
        //按需引入方式
        component:()=> import(/*webpackChunkName:'Login'*/'@/page/login/login.vue')
    }
] 

const router = createRouter({
    //路由模式 
    history:createWebHashHistory(),  // 
    routes 
})

// 导出挂载到main.js 
export default router 

3.配置 main.js 挂载 路由 element plus 以及 vuex

import { createApp } from 'vue'

import App from './App.vue'
//引入路由
import router from '@/router/index'
//引入elementplus 
import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'

//默认国际化是英文该为中文 
import zhCn from 'element-plus/es/locale/lang/zh-cn'
createApp(App).use(router).use(ElementPlus,{locale:zhCn}).mount('#app')

// 下载支持vue3的路由  npm install vue-router@4
// 下载Element plus   npm install element-plus  --save