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

posted on 2024-03-08 22:49 清清飞扬阅读(555) 评论(0) 编辑收藏举报