Action
约 81 字小于 1 分钟
2023-07-02
store.ts
export const useMainStore = defineStore('main', {
  // 用于存储数据
  state: () => {
    return {
      count: 0,
      arr: [1, 2, 3],
    }
  },
  // 封装业务逻辑
  actions: {
    changeArr(number: number) {
      this.count += number
      this.arr.push(123)
    },
  },
})HelloWorld.vue
<template>
  <p>Count: {{ count }}</p>
</template>
<script setup lang="ts">
  import { useMainStore } from './store.ts'
  const mainStroe = useMainStore()
  const { count } = mainStroe
  function changeCount(number: number) {
    mainStroe.changeArr(number)
  }
</script>