当前位置: 首页 > Web前端 > JavaScript

Vue3入门

时间:2023-03-27 11:06:48 JavaScript

vuenpminitvite@latest--templatevuecdnpminstallnpmrundev使用main.js引入import{createApp}from"vue";importAppfrom"./App.vue";constapp=createApp(App)app.mount("#app")Vuexnpminstallvuex--save-dev使用src目录下新建文件夹store/index.jsimport{createStore}from"vuex";exportdefaultcreateStore({状态:{},突变:{},});从main.js中引入的“./store/index”导入商店;在app.use(store)home.vue中使用时从“vuex”导入{useStore};exportdefault{setup(){conststore=useStore();constincrement=()=>{store.commit("increment");};.....},};Vue-Routerinstallnpminstallvue-router@4使用src从"vue-router"创建一个新的router/index.jsimport{createRouter,createWebHashHistory};exportdefaultcreateRouter({history:createWebHashHistory(),routes:[],});main.js引入importrouterfrom"./router";app.use(rout呃);Vite项目给路径别名import{join}from'path';exportdefaultdefineConfig({resolve:{alias:{'@':join(__dirname,'src')}}})