【vue3】学习对store中数据的使用

src/store/modules/nav.js

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25

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的变化的