npm install pinia -S

//在store目錄下新建多個.ts文件（為了便于模塊化和更好維護）
//index.ts
import { manage } from './backstageMange';
export { manage };
//manage.ts
import { defineStore } from 'pinia';
export const manage = defineStore('manageStore',{
	state: () => {
	//狀態(tài)
		return {
			person: {
				name: 'pinia',
				age: 0,
				say: 'woc'
			},
			reason: '我愛前端',
		}
	},
	getters: {
	//計算屬性
	},
	actions: {
	//異步操作
	},
});

import { createApp } from 'vue';
import { createPinia } from 'pinia';
import App from './App.vue';
const pinia = createPinia();
const app = createApp(App);
app.use(pinia);
app.mount('#app');

<script lang="ts">
import { defineComponent } from 'vue';
import { manage } from '@/store';
export default defineComponent({
	setup() {
		const store = manage();
		...
		//store.person就可以拿到person這個對象
		//也可以直接把store直接return出去在template中使用
		
		//更改store狀態(tài)
		//第一種方式，更靈活可以做一些其他的邏輯
		store.$patch((state: any) => {
			...
			state.person['name'] = '益達';
		});
		//第二種方式,只能直接更改某個狀態(tài)
		store.$patch({
			  reason: '我更愛前端了！', //這里也可以寫一個表達式，比如前面有一個變量賦值給reason，hobby ? hobby : '我更愛前端了！'
		})
	}
})
</script>

import { manage } from '../store';
export function updateAside() {
	const store = manage();
	....
}