Home / File/ vue-test.ts — vue Source File

vue-test.ts — vue Source File

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

File typescript VueCore GlobalAPI 2 imports 5 functions 4 classes

Entity Profile

Dependency Diagram

graph LR
  577b18a3_afe0_046c_7877_883e64088830["vue-test.ts"]
  451106ad_39e7_1c30_4a13_bb292ee7299e["./index"]
  577b18a3_afe0_046c_7877_883e64088830 --> 451106ad_39e7_1c30_4a13_bb292ee7299e
  ca28faa9_216b_2023_c479_b397edce4bfb["./options"]
  577b18a3_afe0_046c_7877_883e64088830 --> ca28faa9_216b_2023_c479_b397edce4bfb
  style 577b18a3_afe0_046c_7877_883e64088830 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

import Vue, { VNode, defineComponent } from '../index'
import { ComponentOptions } from '../options'

class Test extends Vue {
  a: number = 0

  testProperties() {
    this.$data
    this.$el
    this.$options
    this.$parent
    this.$root
    this.$children
    this.$refs
    this.$slots
    this.$isServer
    this.$ssrContext
    this.$vnode
    this.$root.$children[0].$children[0]
  }

  // test property reification
  $el!: HTMLElement | SVGElement
  $refs!: {
    vue: Vue
    element: HTMLInputElement
    vues: Vue[]
    elements: HTMLInputElement[]
  }
  testReification() {
    this.$refs.vue.$data
    this.$refs.element.value
    this.$refs.vues[0].$data
    this.$refs.elements[0].value
  }

  testMethods() {
    this.$mount('#app', false)
    this.$forceUpdate()
    this.$destroy()
    this.$set({}, 'key', 'value')
    this.$delete({}, 'key')
    this.$watch('a', (val: number, oldVal: number) => {}, {
      immediate: true,
      deep: false
    })()
    this.$watch(
      () => this.a,
      (val: number) => {}
    )
    this.$on('', () => {})
    this.$once('', () => {})
    this.$off('', () => {})
    this.$emit('', 1, 2, 3)
    this.$nextTick(function () {
      this.$nextTick
    })
    this.$nextTick().then(() => {})
    this.$createElement('div', {}, 'message')
  }
// ... (226 more lines)

Domain

Subdomains

Dependencies

  • ./index
  • ./options

Frequently Asked Questions

What does vue-test.ts do?
vue-test.ts is a source file in the vue codebase, written in typescript. It belongs to the VueCore domain, GlobalAPI subdomain.
What functions are defined in vue-test.ts?
vue-test.ts defines 5 function(s): ComponentWithStyleInVNodeData.render, FunctionalHelloWorldComponent.render, FunctionalScopedSlotsComponent.render, HelloWorldComponent.data, Parent.data.
What does vue-test.ts depend on?
vue-test.ts imports 2 module(s): ./index, ./options.
Where is vue-test.ts in the architecture?
vue-test.ts is located at types/test/vue-test.ts (domain: VueCore, subdomain: GlobalAPI, directory: types/test).

Analyze Your Own Codebase

Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.

Try Supermodel Free