pinia获取state值

在Vue 3中，Pinia是一个官方推荐的状态管理模式，它提供了一个更简洁、集中式的API来管理应用状态。要从Pinia中获取state值，首先你需要创建一个store并定义state。例如：

import { createStore } from '@pinia/core';

const store = createStore({
  id: 'myStore',
  state: () => ({
    myStateValue: 'initial value'
  }),
  getters: {
    // 可选的getter函数，用于计算state
    getMyStateValue(state) {
      return state.myStateValue;
    }
  },
  actions: {
    // 可选的操作方法，改变state
    updateMyStateValue({ commit }, newValue) {
      commit('updateMyStateValue', newValue);
    }
  },
  mutations: {
    // 必须的更新状态的方法
    updateMyStateValue(state, newValue) {
      state.myStateValue = newValue;
    }
  }
});

// 使用store实例来访问和修改state
export default {
  useMyStore() {
    const { state, getters } = store();
    console.log(getters.getMyStateValue); // 获取state值
    // 要修改state
    store.updateMyStateValue('new value');
  }
};

在组件中，你可以通过`useMyStore`插件来注入并使用这个store：

import { useMyStore } from './store/myStore.js';

export default {
  setup() {
    const { getMyStateValue } = useMyStore();
    console.log(getMyStateValue()); // 输出初始或更新后的state值
    return {};
  }
};