【vue3】學習對store中數據的使用

src/store/modules/nav.js

import {defineStore} from 'pinia';
import {handleTree} from '@/utils/ruoyi'
import {list} from "@/api/nav/node";

const store = defineStore(
	'nav',
	{
		state: () => ({
			nodeList: []
		}),
		actions: {
			GetTree() {
				return new Promise((resolve, reject) => {
					list().then(res => {
						this.nodeList = handleTree(res.data, 'id');
						resolve()
					}).catch(error => {
						reject(error)
					})
				})
			},
		}
	})

export default store

　　xx.vue：使用

 經過computed處理過後的nodeList纔是響應式數據，而且會監視着store中nodeList的變化的