pinia-state-tree: 一个 pinia 的语法糖

项目主页: https://github.com/afeiship/pinia-state-tree

安装

yarn add @jswork/pinia-state-tree

用法

下面这个是我用到的示例代码 shared/stores/user.js

import { defineStore } from "pinia";

export default defineStore("user", {
  state: () => ({ username: "aric", profile: null }),
  actions: {
    async login() {
      const res = await nx.$api.profile();
      this.profile = res;
    },
  },
});

Tips: 在实际项目中，可优先学习5星的，其它API，可以忽略。

nx.$pin

nx.$app

nx.$get()

nx.$query()

nx.$get('user.loading')

// 单个
nx.$set('user.loading', true)
// 一次多个
nx.$set({ 'user.loading': true, 'user.profile.login': 'afei' })

await nx.$call('user.login',{ username: 'afei', password: '123123' });

export default {
  //... 省略了7行代码
  computed: {
    ...nx.$map([
      'user.profile.login:username',
      'user.loading'
    ])
  }
};