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>