任意组件间通信-pinia存储获取数据

1. 创建文件src/store/example.js

import { defineStore } from 'pinia';
// 创建 store
export const useMyStore = defineStore('myStore', {
  state: () => ({
    data: '',
  }),

  getters: {
    getData: state => state.data,
  },

  actions: {
    updateData(newData) {
      this.data = newData;
    },
  },
});

2.在需要存储数据的文件中

import { useMyStore } from '@/store/example.js';
const store = useMyStore();
  //在需要存储数据的地方 
store.updateData(123);

3.在需要获取所存储的数据的文件中

import { useMyStore } from '@/store/example.js';
const store = useMyStore();
const data = store.getData;
console.log(data) // 123