EUV
基于 Vue 的控制反转 ——— 依赖于抽象 优于依赖于实体.
很多开发者都知道这种设计模式,但在 Vue 社区里却不多见,甚至没有一个可以使用的库。本项目是使用 TypeScript 与控制反转的模式来编写 Vue 的尝试, 有关更多的设计细节和语法,欢迎 讨论。
起步
-
安装
npm i --save euv
-
开始使用 euv
// 在 app.ts 文件中:new Vue// 在 ./module.ts 文件中收集容器的依赖: -
使用注解与类的方式来编写 Vue
-
注入一个服务
-
服务之间也可以互相注入
-
使用令牌注入
// 声明服务// 声明模块// Inject 会通过 'logger' 标记自动帮你注入 Logger 服务 -
可选注入
// 当出现互相依赖或不确定是否能加载时,可以使用 Optional// 同时你可以为注入项提供默认值 -
Prop 传递数据
// 只需要声明一次类型,类型也会得到验证// 声明默认值后会自动附加在 Vue 的 Props 中