vue this的理解

最新推荐文章于 2024-07-19 10:30:06 发布

瑞贝卡S

最新推荐文章于 2024-07-19 10:30:06 发布

阅读量353

点赞数

分类专栏： vue 文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/sunshinemin/article/details/124742361

版权

vue 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

vue组件包括：每一个vue组件都是一个VueComponent的实例。

VueComponent：
$attrs: (...)
$children: []
$createElement: ƒ (a, b, c, d)
$el: div
$listeners: (...)
$options: {parent: VueComponent, _parentVnode: VNode, propsData: undefined, _parentListeners: undefined, _renderChildren: undefined, …}
$parent: VueComponent {_uid: 1, _isVue: true, $options: {…}, _renderProxy: Proxy, _self: VueComponent, …}
$refs: {}
$root: Vue {_uid: 0, _isVue: true, $options: {…}, _renderProxy: Proxy, _self: Vue, …}
$scopedSlots: {$stable: true, $key: undefined, $hasNormal: false}
$slots: {}
$vnode: VNode {tag: 'vue-component-4-lifeCycle', data: {…}, children: undefined, text: undefined, elm: div, …}
LIFECYCLE_HOOKS: (...)
show: (...)
_c: ƒ (a, b, c, d)
_data: {__ob__: Observer}
_directInactive: false
_events: {}
_hasHookEvent: false
_inactive: null
_isBeingDestroyed: false
_isDestroyed: false
_isMounted: true
_isVue: true
_renderProxy: Proxy {_uid: 2, _isVue: true, $options: {…}, _renderProxy: Proxy, _self: VueComponent, …}
_routerRoot: Vue {_uid: 0, _isVue: true, $options: {…}, _renderProxy: Proxy, _self: Vue, …}
_self: VueComponent {_uid: 2, _isVue: true, $options: {…}, _renderProxy: Proxy, _self: VueComponent, …}
_staticTrees: null
_uid: 2
_vnode: VNode {tag: 'div', data: undefined, children: Array(1), text: undefined, elm: div, …}
_watcher: Watcher {vm: VueComponent, deep: false, user: false, lazy: false, sync: false, …}
_watchers: [Watcher]
$data: (...)
$isServer: (...)
$props: (...)
$route: (...)
$router: (...)
$ssrContext: (...)
get $attrs: ƒ reactiveGetter()
set $attrs: ƒ reactiveSetter(newVal)
get $listeners: ƒ reactiveGetter()
set $listeners: ƒ reactiveSetter(newVal)
get LIFECYCLE_HOOKS: ƒ proxyGetter()
set LIFECYCLE_HOOKS: ƒ proxySetter(val)
get show: ƒ proxyGetter()
set show: ƒ proxySetter(val)
[[Prototype]]: Vue

以上数据的分类：

1.$有关的参数

$a t t r s /$ children/ $c r e a t e E l e m e n t /$ el/ $l i s t e n e r s /$ parent/ $r e f s /$ root/ $s c o p e d S l o t s /$ slots/ $v n o d e /$ data/ $i s S e r v e r /$ props/ $r o u t e /$ routers/$ssrContext

2.data数据并为data中的数据提供get/set方法

但同时也为$sttrs和 $listenders提供get、set方法

3.以_结尾的数据都是内部参数或者方法

瑞贝卡S

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
vue this的理解

vue组件包括：每一个vue组件都是一个VueComponent的实例。VueComponent：$attrs: (...)$children: []$createElement: ƒ (a, b, c, d)$el: div$listeners: (...)$options: {parent: VueComponent, _parentVnode: VNode, propsData: undefined, _parentListeners: undefined, _renderChildre
复制链接

扫一扫