vue-typedi

Use typedi injections in Vue components

Usage

1. Install module:

npm install vue-typedi --save

2. 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";

3. Enabled following settings in tsconfig.json:

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

4. 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