Skip to content

Instantly share code, notes, and snippets.

@justinyoo justinyoo/ninja-updated.vue Secret
Created Mar 22, 2017

What would you like to do?
Using IoC Container in Vue.js and TypeScript App
// Ninja.vue - Updated
<script lang="ts">
import Vue from "vue";
// Imports both Component and Inject decorators from vue-property-decorator,
// instead of vue-class-component
import { Component, Inject } from "vue-property-decorator";
import { Container } from "inversify";
import SERVICE_IDENTIFIER from "../models/Identifiers";
import { Ninja as _Ninja } from "../models/Warrior";
name: "Ninja"
export default class Ninja extends Vue {
warrior: string;
weapon: string;
// IoC container provided from App.ts is injected here
private _container: Container;
private _ninja: _Ninja;
created (): void {
this._ninja = this._container.get<_Ninja>(SERVICE_IDENTIFIER.WARRIOR);
this.warrior =;
this.weapon =;
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.