vue-typedi

Use typedi injections in Vue components

Downloads in past

Stats

StarsIssuesVersionUpdatedCreatedSize
vue-typedi
1811.1.14 years ago4 years agoMinified + gzip package size for vue-typedi in KB

Readme

vue-typedi
Use typedi injections in Vue components

Usage

  1. Install module:

npm install vue-typedi --save
  1. Install reflect-metadata package:

npm install reflect-metadata --save
and import it somewhere in the global place of your app before any service declaration or import (for example in app.ts):
import "reflect-metadata";
  1. Enabled following settings in tsconfig.json:

"emitDecoratorMetadata": true,
"experimentalDecorators": true,

  1. Use the module:
import Vue from 'vue'
import VueTypedi from 'vue-typedi'

Vue.use(VueTypedi);

Example

import { Inject } from 'vue-typedi';
import MyService from '...';

@Component
export default class MyComponent extends Vue {

  @Inject()
  public myService!: MyService;
}

Decorators

  • @Inject() to inject a service in your Vue components or other services.

  • @Injectable() allows us to inject the services in non service classes.

License

This project is licensed under the MIT License - see the LICENSE.md file for details