From 78b1aa52f271aa3f5fe16df3432f896ee887c6ab Mon Sep 17 00:00:00 2001 From: Kane Wang Date: Tue, 29 Nov 2022 15:29:41 +0800 Subject: [PATCH] =?UTF-8?q?=E5=AD=A6=E4=B9=A0vuex!?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- 入门/cli/hello-cli/public/index.html | 9 +++++++-- .../cli/hello-cli/src/components/vuex/App1.vue | 6 +++--- .../cli/hello-cli/src/components/vuex/App2.vue | 8 ++++---- 入门/cli/hello-cli/src/main.js | 17 +++++++++++++++-- 4 files changed, 29 insertions(+), 11 deletions(-) diff --git a/入门/cli/hello-cli/public/index.html b/入门/cli/hello-cli/public/index.html index ec3a18c..dc96d47 100644 --- a/入门/cli/hello-cli/public/index.html +++ b/入门/cli/hello-cli/public/index.html @@ -2,7 +2,7 @@ * @Author: Kane * @Date: 2022-11-22 17:50:49 * @LastEditors: Kane - * @LastEditTime: 2022-11-29 13:26:25 + * @LastEditTime: 2022-11-29 15:28:38 * @FilePath: \hello-cli\public\index.html * @Description: * @@ -20,6 +20,11 @@ + -
+
diff --git a/入门/cli/hello-cli/src/components/vuex/App1.vue b/入门/cli/hello-cli/src/components/vuex/App1.vue index 6dfcddb..1f6a2d1 100644 --- a/入门/cli/hello-cli/src/components/vuex/App1.vue +++ b/入门/cli/hello-cli/src/components/vuex/App1.vue @@ -2,7 +2,7 @@ * @Author: Kane * @Date: 2022-11-29 11:36:29 * @LastEditors: Kane - * @LastEditTime: 2022-11-29 14:04:19 + * @LastEditTime: 2022-11-29 15:26:38 * @FilePath: \hello-cli\src\components\vuex\App1.vue * @Description: * @@ -10,7 +10,7 @@ --> @@ -25,7 +25,7 @@ export default { }, methods: { addCount() { - this.count++; + this.$store.commit("increment"); }, }, }; diff --git a/入门/cli/hello-cli/src/components/vuex/App2.vue b/入门/cli/hello-cli/src/components/vuex/App2.vue index 08fe6cc..243fa6c 100644 --- a/入门/cli/hello-cli/src/components/vuex/App2.vue +++ b/入门/cli/hello-cli/src/components/vuex/App2.vue @@ -2,7 +2,7 @@ * @Author: Kane * @Date: 2022-11-29 13:10:21 * @LastEditors: Kane - * @LastEditTime: 2022-11-29 14:04:50 + * @LastEditTime: 2022-11-29 15:29:07 * @FilePath: \hello-cli\src\components\vuex\App2.vue * @Description: * @@ -10,8 +10,8 @@ --> @@ -25,7 +25,7 @@ export default { }, methods: { addCount() { - this.count++; + this.$store.commit("increment"); }, }, }; diff --git a/入门/cli/hello-cli/src/main.js b/入门/cli/hello-cli/src/main.js index 02f7956..832b135 100644 --- a/入门/cli/hello-cli/src/main.js +++ b/入门/cli/hello-cli/src/main.js @@ -2,19 +2,32 @@ * @Author: Kane * @Date: 2022-11-22 17:50:49 * @LastEditors: Kane - * @LastEditTime: 2022-11-29 13:04:26 + * @LastEditTime: 2022-11-29 15:23:25 * @FilePath: \hello-cli\src\main.js * @Description: * * Copyright (c) ${2022} by Kane, All Rights Reserved. */ import { createApp } from 'vue'; +import { createStore } from "vuex"; import App from './App.vue'; import ElementPlus from "element-plus"; import 'element-plus/dist/index.css'; const app = createApp(App); - +const vuex = createStore({ + state() { + return { + count: 0, + }; + }, + mutations: { + increment(state) { + state.count++; + } + } +}); +app.use(vuex); app.use(ElementPlus); app.mount('#app');