创建 Store

简单示例 :

// store.ts

import { defineStore } from 'pinia'

export const useMainStore = defineStore('main', {
  // 用于存储数据
  // 必须是箭头函数(需要ts类型推导)
  state: () => {
    return {}
  },
  // 类似计算属性
  getters: {},
  // 封装业务逻辑
  actions: {},
})

// HelloWorld.vue

<template>
  <p>Count:{{ count }}</p>
</template>

<script setup lang="ts">
import { useMainStore } from '../store'

const mainStroe = useMainStore()
</script>

<style scoped></style>