augmentation-test.ts — vue Source File

Architecture documentation for augmentation-test.ts, a typescript file in the vue codebase. 1 imports, 0 dependents.

File typescript VueCore Instance 1 imports 2 classes

Entity Profile

VueCore→ Instance→ augmentation-test.ts — vue Source File

Dependency Diagram

graph LR
  93acc7c0_aa92_a575_3ffe_0afa2548c44d["augmentation-test.ts"]
  451106ad_39e7_1c30_4a13_bb292ee7299e["./index"]
  93acc7c0_aa92_a575_3ffe_0afa2548c44d --> 451106ad_39e7_1c30_4a13_bb292ee7299e
  style 93acc7c0_aa92_a575_3ffe_0afa2548c44d fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

import Vue, { defineComponent } from '../index'

declare module '../vue' {
  // add instance property and method
  interface Vue {
    $instanceProperty: string
    $instanceMethod(): void
  }

  // add static property and method
  interface VueConstructor {
    staticProperty: string
    staticMethod(): void
  }
}

// augment ComponentOptions
declare module '../options' {
  interface ComponentOptions<V extends Vue> {
    foo?: string
  }
}

const vm = new Vue({
  props: ['bar'],
  data: {
    a: true
  },
  foo: 'foo',
  methods: {
    foo() {
      this.a = false
    }
  },
  computed: {
    BAR(): string {
      return this.bar.toUpperCase()
    }
  }
})

vm.$instanceProperty
vm.$instanceMethod()

Vue.staticProperty
Vue.staticMethod()

defineComponent({
  mounted() {
    this.$instanceMethod
    this.$instanceProperty
  }
})