在 Options API 中使用

在 Options API 中使用是 Pinia 学习中的单个核心知识点，下面直接说明用法。

定义

在 Options API 中使用是 Pinia 使用中的一个独立知识点，核心作用是：使用mapState/mapActions辅助函数，掌握在Vue 2/Vue 3 Options API中的使用。

语法

常用语法是在 Store 定义或组件调用处完成配置与使用。

JavaScript

import { mapState, mapActions } from 'pinia'
import { useUserStore } from '@/stores/user'

export default {
  computed: { ...mapState(useUserStore, ['name']) },
  methods: { ...mapActions(useUserStore, ['loadProfile']) }
}

示例

JavaScript

import { mapState, mapActions } from 'pinia'
import { useUserStore } from '@/stores/user'

export default {
  computed: { ...mapState(useUserStore, ['name']) },
  methods: { ...mapActions(useUserStore, ['loadProfile']) }
}

注意事项

保持 Store 职责单一，避免把无关业务状态集中到同一个 Store。

要点总结

在 Options API 中使用 只解决当前知识点对应的问题。
优先使用 Pinia 官方 API，避免引入多余封装。
示例代码应保持 Store 简洁、职责清晰。