前端工程化
新建项目
"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创建
创建目录
导出