day12

前端工程化

新建项目

"dependencies": {
    "@element-plus/icons-vue": "^2.1.0",
    "axios": "^1.4.0",
    "element-plus": "^2.3.8",
    "pinia": "^2.1.4",
    "vue": "^3.3.4",
    "vue-router": "^4.2.4"
  },

安装依赖

路由的创建

创建目录

代码:

//引入路由机制
import {createRouter,createWebHashHistory} from "vue-router"

//创建router对象
const router = createRouter({
    history:createWebHashHistory(),
    routes:[
        {path:"/",component:User}
    ]
})
export default router

main.js代码

import { createApp } from 'vue'
import './style.css'
import App from './App.vue'
import router from './routers/router'

let app = createApp(App)
app.use(router)
app.mount('#app')

pinia创建

创建目录

导出

创建 axios

Element Plus配置

表格案例