@flexent/stack-vue (英语)

默认 Vue 3 堆:一种网状-ioc 成分根,其服务具有反应性并提供给 Vue.

使用量

// src/App.ts
import { BaseApp } from '@flexent/stack-vue';
import { App as VueApp } from 'vue';

import { UserManager } from './managers/UserManager.js';

export class App extends BaseApp {

    constructor(vue: VueApp) {
        super(vue);
        this.mesh.service(UserManager);
    }

}

// src/managers/UserManager.ts
import { provide } from '@flexent/stack-vue';
import { dependency } from 'mesh-ioc';

@provide('userManager')
export class UserManager {

    private api = dependency(this, ApiManager);

    users: User[] = [];

}

// src/views/UsersView.vue
export default {
    inject: ['userManager'],
};

它会做什么

• BaseApp 创建网格,将 Vue 应用程序绑定为 'vue',并安装将每个服务包入 reactive(). Meshes(应用网和任何儿童范围)和Vue应用保持原始状态.
• @provide('alias') 登记用该别名向Vue提供的类别.
• start() 解决所有提供的服务, 提供给Vue, 运行 @init() 处理器,并挂载应用程序(#root 默认; 覆盖 mount() 一般事务人员(其他职等).

输入方式 dependency(this, X):Vite的重建没有发出装饰元数据 @dep() 需要帮助.