From 501592e4dc6f3fc97b8e6def1a6d73e9634753bf Mon Sep 17 00:00:00 2001 From: adiao <1819192616@qq.com> Date: Tue, 4 Apr 2023 07:20:00 +0800 Subject: [PATCH] vue web fix --- package-lock.json | 22 +++++++++++++++- package.json | 3 ++- src/App.vue | 1 - src/components/HelloWorld.vue | 40 ------------------------------ src/components/util/store.js | 16 ++++++++++++ src/main.js | 3 +++ src/utils/{ => axios}/request.js | 0 src/utils/vuex/m.js | 19 ++++++++++++++ src/views/Index.vue | 11 ++++++-- src/views/Login.vue | 5 ++-- src/views/modal/SuccessMessage.vue | 31 +++++++++++++++++++++++ 11 files changed, 104 insertions(+), 47 deletions(-) delete mode 100644 src/components/HelloWorld.vue create mode 100644 src/components/util/store.js rename src/utils/{ => axios}/request.js (100%) create mode 100644 src/utils/vuex/m.js create mode 100644 src/views/modal/SuccessMessage.vue diff --git a/package-lock.json b/package-lock.json index 4b11fca..c6b6dc9 100644 --- a/package-lock.json +++ b/package-lock.json @@ -10,7 +10,8 @@ "dependencies": { "qs": "^6.11.1", "vue": "^3.2.47", - "vue-router": "^4.1.6" + "vue-router": "^4.1.6", + "vuex": "^4.1.0" }, "devDependencies": { "@popperjs/core": "^2.11.6", @@ -1798,6 +1799,17 @@ "vue": "^3.2.0" } }, + "node_modules/vuex": { + "version": "4.1.0", + "resolved": "https://registry.npmmirror.com/vuex/-/vuex-4.1.0.tgz", + "integrity": "sha512-hmV6UerDrPcgbSy9ORAtNXDr9M4wlNP4pEFKye4ujJF8oqgFFuxDCdOLS3eNoRTtq5O3hoBDh9Doj1bQMYHRbQ==", + "dependencies": { + "@vue/devtools-api": "^6.0.0-beta.11" + }, + "peerDependencies": { + "vue": "^3.2.0" + } + }, "node_modules/yallist": { "version": "3.1.1", "resolved": "https://registry.npmmirror.com/yallist/-/yallist-3.1.1.tgz", @@ -3031,6 +3043,14 @@ "@vue/devtools-api": "^6.4.5" } }, + "vuex": { + "version": "4.1.0", + "resolved": "https://registry.npmmirror.com/vuex/-/vuex-4.1.0.tgz", + "integrity": "sha512-hmV6UerDrPcgbSy9ORAtNXDr9M4wlNP4pEFKye4ujJF8oqgFFuxDCdOLS3eNoRTtq5O3hoBDh9Doj1bQMYHRbQ==", + "requires": { + "@vue/devtools-api": "^6.0.0-beta.11" + } + }, "yallist": { "version": "3.1.1", "resolved": "https://registry.npmmirror.com/yallist/-/yallist-3.1.1.tgz", diff --git a/package.json b/package.json index 9acd9de..797b933 100644 --- a/package.json +++ b/package.json @@ -11,7 +11,8 @@ "dependencies": { "qs": "^6.11.1", "vue": "^3.2.47", - "vue-router": "^4.1.6" + "vue-router": "^4.1.6", + "vuex": "^4.1.0" }, "devDependencies": { "@popperjs/core": "^2.11.6", diff --git a/src/App.vue b/src/App.vue index 09bf9ce..7817c02 100644 --- a/src/App.vue +++ b/src/App.vue @@ -1,5 +1,4 @@ diff --git a/src/components/HelloWorld.vue b/src/components/HelloWorld.vue deleted file mode 100644 index f5e4f53..0000000 --- a/src/components/HelloWorld.vue +++ /dev/null @@ -1,40 +0,0 @@ - - - - - diff --git a/src/components/util/store.js b/src/components/util/store.js new file mode 100644 index 0000000..084acb0 --- /dev/null +++ b/src/components/util/store.js @@ -0,0 +1,16 @@ +const state = { + isLogin: false, + successMessage: '' +}; + +const mutations = { + login(state) { + state.isLogin = true; + }, + logout(state) { + state.isLogin = false; + }, + setSuccessMessage(state, message) { + state.successMessage = message; + } +}; \ No newline at end of file diff --git a/src/main.js b/src/main.js index bacd5b9..d1cba32 100644 --- a/src/main.js +++ b/src/main.js @@ -6,8 +6,11 @@ import './scss/styles.scss' import "@popperjs/core" import "bootstrap" import './scss/global.scss' +// 导入store +import store from './utils/vuex/m' const app = createApp(App) app.use(router) app.mount('#app') +app.use(store) diff --git a/src/utils/request.js b/src/utils/axios/request.js similarity index 100% rename from src/utils/request.js rename to src/utils/axios/request.js diff --git a/src/utils/vuex/m.js b/src/utils/vuex/m.js new file mode 100644 index 0000000..9fe8a58 --- /dev/null +++ b/src/utils/vuex/m.js @@ -0,0 +1,19 @@ +import { createStore } from "vuex"; + +// 实例化一个store对象 + +const store = createStore({ + state() { + return { + count: 0 + } + }, + mutations: { + increment(state) { + state.count++ + } + } +}) + + +export default store \ No newline at end of file diff --git a/src/views/Index.vue b/src/views/Index.vue index f9c8342..f62227c 100644 --- a/src/views/Index.vue +++ b/src/views/Index.vue @@ -16,7 +16,7 @@