組件呼叫改狀態

src/components/Demo1.vue

@@ -0,0 +1,18 @@
+<template>
+    Demo1
+</template>
+<script>
+export default {
+    created(){
+        this.increment();
+    },
+    methods: {
+        increment() {
+            console.log('--- demo1 實作開始---')
+            this.$store.commit('increment')
+            console.log(this.$store.state.count)
+            console.log('--- demo1 實作結束---')
+        }
+    }
+}
+</script>

src/components/HelloWorld.vue

@@ -14,10 +14,12 @@
     Edit
     <code>components/HelloWorld.vue</code> to test hot module replacement.
   </p>
+  <Demo1></Demo1>
 </template>
 
 <script setup>
 import { defineProps, reactive } from 'vue'
+import Demo1 from './Demo1.vue'
 
 defineProps({
   msg: String