Vue3传值进pinia

在Vue3中，可以使用Pinia进行状态管理。要传递值给Pinia，你需要先创建一个store，然后在组件中引入并使用该store。

首先，安装Pinia:

npm install pinia

然后，在src文件夹下创建一个store文件夹，并在store文件夹中创建一个新的store文件，例如`counter.js`：

import { defineStore } from 'pinia';

export const useCounterStore = defineStore({
  id: 'counter',
  state: () => ({
    count: 0,
  }),
  actions: {
    increment() {
      this.count++;
    },
  },
});

接着，在需要使用状态的组件中引入`useStore`和你创建的store：

import { useCounterStore } from '@/store/counter.js';
import { useStore } from 'pinia';

export default {
  setup() {
    const counterStore = useCounterStore();

    return {
      counterStore,
    };
  },
};

现在，你可以在组件中使用`counterStore`来访问和修改状态了。例如，在模板中调用`counterStore.count`，在方法中调用`counterStore.increment()`。