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

 

posted on   清清飞扬  阅读(555)  评论(0编辑  收藏  举报
努力加载评论中...

点击右上角即可分享
微信分享提示