vue3 实例

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
Object
    component:      ƒ component(name, component)

    config:      (...)

    directive:      ƒ directive(name, directive)

    mixin:      ƒ mixin(mixin)

    mount:      containerOrSelector => {…}

    provide:      ƒ provide(key, value)

    runWithContext:      ƒ runWithContext(fn)

    unmount:      ƒ unmount()

    use:      ƒ use(plugin, ...options)

    version:      "3.3.4"

    _component:      {name: 'App', components: {…}, __file: 'src/App.vue', __hmrId: '7ba5bd90', render: ƒ}

    _container:      div#app

    _context   :     {app: {…}, config: {…}, mixins: Array(0), components: {…}, directives: {…}, …}

    _instance:      {uid: 0, vnode: {…}, type: {…}, parent: null, appContext: {…}, …}

    _props:      null

    _uid:      0

    get config:      ƒ config()

    set config:      ƒ config(v)

    [[Prototype]]:      Object


vue2 通过 new Vue({}) 得到一个实例

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
Vue
    $attrs:      (...)
    $children:      []
    $createElement:      ƒ (a, b, c, d)
    $listeners:      (...)
    $options:      {components: {…}, directives: {…}, filters: {…}, beforeCreate: Array(3), _base: ƒ, …}
    $parent:      undefined
    $refs:      {}
    $root:      Vue {_uid: 3, _isVue: true, __v_skip: true, _scope: EffectScope, $options: {…}, …}
    $scopedSlots:      {}
    $slots:      {}
    $validator:      ScopedValidator {id: 3, _base: Validator, _paused: false}
    $vnode:      undefined
    errors:      (...)
    fields:      (...)
    __v_skip:      true
    _c:      ƒ (a, b, c, d)
    _computedWatchers:      {errors: Watcher, fields: Watcher}
    _data:      {__ob__: Observer}
    _directInactive:      false
    _events:      {}
    _hasHookEvent:      false
    _inactive:      null
    _isBeingDestroyed:      false
    _isDestroyed:      false
    _isMounted:      false
    _isVue:      true
    _provided:      {$validator: ScopedValidator}
    _renderProxy:      Proxy {_uid: 3, _isVue: true, __v_skip: true, _scope: EffectScope, $options: {…}, …}
    _routerRoot:      Vue {_uid: 3, _isVue: true, __v_skip: true, _scope: EffectScope, $options: {…}, …}
    _scope:      EffectScope {detached: true, active: true, effects: Array(2), cleanups: Array(0), parent: undefined, …}
    _self:      Vue {_uid: 3, _isVue: true, __v_skip: true, _scope: EffectScope, $options: {…}, …}
    _staticTrees:      null
    _uid:      3
    _vnode:      null
    _watcher:      null
    $data:      (...)
    $isServer:      (...)
    $props:      (...)
    $route:      (...)
    $router:      (...)
    $ssrContext:      (...)
    get $attrs:      ƒ reactiveGetter()
    set $attrs:      ƒ reactiveSetter(newVal)
    get $listeners:      ƒ reactiveGetter()
    set $listeners:      ƒ reactiveSetter(newVal)
    get errors:      ƒ computedGetter()
    set errors:      ƒ ()
    get fields:      ƒ computedGetter()
    set fields:      ƒ ()
    [[Prototype]]:      Object