前端工作总结112-打印出父子组件的this

简介: 前端工作总结112-打印出父子组件的this

父亲的this

VueComponent {_uid: 1842, _isVue: true, $options: {…}, _renderProxy: Proxy, _self: VueComponent, …}
$attrs: (...)
$children: (2) [VueComponent, VueComponent]
$createElement: ƒ (a, b, c, d)
$el: div.container
$listeners: (...)
$options: {parent: VueComponent, _parentVnode: VNode, propsData: undefined, _parentListeners: {…}, _renderChildren: undefined, …}
$parent: VueComponent {_uid: 1770, _isVue: true, $options: {…}, _renderProxy: Proxy, _self: VueComponent, …}
$refs: {resource: VueComponent, form: VueComponent}
$root: Vue {_uid: 2, _isVue: true, $options: {…}, _renderProxy: Proxy, _self: Vue, …}
$scopedSlots: {$stable: true, $key: undefined, $hasNormal: false}
$slots: {}
$store: Store {_committing: false, _actions: {…}, _actionSubscribers: Array(1), _mutations: {…}, _wrappedGetters: {…}, …}
$vnode: VNode {tag: "vue-component-140-edit-content-dialog", data: {…}, children: undefined, text: undefined, elm: div.container, …}
ChangeValuePicture: ƒ ()
ChangeValueVidio: ƒ ()
ChangeVideo: ƒ ()
ContentTitle: (...)
IsShow: (...)
ListId: (...)
ListResource: ƒ ()
add: ƒ ()
appove: ƒ ()
approve: ƒ ()
approveMode: (...)
attr: (...)
cancel: ƒ ()
change1: ƒ ()
changeRest1: ƒ ()
close: ƒ ()
content: ""
defaultForm: Object
dialogFormVisible: true
edit: ƒ ()
arguments: (...)
caller: (...)
length: 1
name: "bound edit"
__proto__: ƒ ()
[[TargetFunction]]: ƒ edit(id)
[[BoundThis]]: VueComponent
[[BoundArgs]]: Array(0)
form: Object
business_module: (...)
content_type: null
department_id: null
id: "120"
resource: "<p><img src="http://xcff.feizhisoft.com/uploads/images/2020-12-05/80b41d49f808d066e8bb52f7c190226e.jpg" style="max-width:100%;"><br></p>"
resource_video_tmp: null
status: "0"
tag: Array(1)
thumbnail: "dfsx://1/504B8CD28A9FD83FA754B8737579A161/504B8CD28A9FD83FA754B8737579A161.png"
thumbnail_tmp: "https://fenfa1.csztv.com/testfile/tmp/504B8CD28A9FD83FA754B8737579A161/504B8CD28A9FD83FA754B8737579A161.png"
title: "312312"
__ob__: Observer {value: {…}, dep: Dep, vmCount: 0}
get business_module: ƒ reactiveGetter()
set business_module: ƒ reactiveSetter(newVal)
get content_type: ƒ reactiveGetter()
set content_type: ƒ reactiveSetter(newVal)
get department_id: ƒ reactiveGetter()
set department_id: ƒ reactiveSetter(newVal)
get id: ƒ reactiveGetter()
set id: ƒ reactiveSetter(newVal)
get resource: ƒ reactiveGetter()
set resource: ƒ reactiveSetter(newVal)
get resource_video_tmp: ƒ reactiveGetter()
set resource_video_tmp: ƒ reactiveSetter(newVal)
get status: ƒ reactiveGetter()
set status: ƒ reactiveSetter(newVal)
get tag: ƒ reactiveGetter()
set tag: ƒ reactiveSetter(newVal)
get thumbnail: ƒ reactiveGetter()
set thumbnail: ƒ reactiveSetter(newVal)
get thumbnail_tmp: ƒ reactiveGetter()
set thumbnail_tmp: ƒ reactiveSetter(newVal)
get title: ƒ reactiveGetter()
set title: ƒ reactiveSetter(newVal)
__proto__: Object
fullTitle: (...)
getList: ƒ ()
isClear: (...)
loading: (...)
reject: ƒ ()
show: ƒ ()
submit: ƒ ()
title: (...)
url: (...)
url_list: (...)
view: ƒ ()
viewMode: (...)
_c: ƒ (a, b, c, d)
_computedWatchers: {fullTitle: Watcher}
_data: {…}
_directInactive: false
_events: {ok: Array(1)}
_hasHookEvent: false
_inactive: null
_isBeingDestroyed: false
_isDestroyed: false
_isMounted: true
_isVue: true
_renderProxy: Proxy {_uid: 1842, _isVue: true, $options: {…}, _renderProxy: Proxy, _self: VueComponent, …}
_routerRoot: Vue {_uid: 2, _isVue: true, $options: {…}, _renderProxy: Proxy, _self: Vue, …}
_self: VueComponent {_uid: 1842, _isVue: true, $options: {…}, _renderProxy: Proxy, _self: VueComponent, …}
_staticTrees: null
_uid: 1842
_vnode: VNode {tag: "div", data: {…}, children: Array(2), text: undefined, elm: div.container, …}
_watcher: Watcher {vm: VueComponent, deep: false, user: false, lazy: false, sync: false, …}
_watchers: (2) [Watcher, Watcher]

儿子的this

$attrs: (...)
$children: (5) [VueComponent, VueComponent, VueComponent, VueComponent, VueComponent]
$createElement: ƒ (a, b, c, d)
$el: div.table-list-page
$listeners: (...)
$options: {parent: VueComponent, _parentVnode: VNode, propsData: undefined, _parentListeners: undefined, _renderChildren: undefined, …}
$parent: VueComponent {_uid: 38, _isVue: true, $options: {…}, _renderProxy: Proxy, _self: VueComponent, …}
$refs: {create: VueComponent}
$root: Vue {_uid: 2, _isVue: true, $options: {…}, _renderProxy: Proxy, _self: Vue, …}
$scopedSlots: {$stable: true, $key: undefined, $hasNormal: false}
$slots: {}
$store: Store {_committing: false, _actions: {…}, _actionSubscribers: Array(1), _mutations: {…}, _wrappedGetters: {…}, …}
$vnode: VNode {tag: "vue-component-153-Content", data: {…}, children: undefined, text: undefined, elm: div.table-list-page, …}
BindData: (...)
columns: (...)
deleteRecord: ƒ ()
dialogVisible: (...)
handleAdd: ƒ ()
handleAppove: ƒ ()
handleClose: ƒ ()
handleEdit: ƒ ()
handlePublish: ƒ ()
handleView: ƒ ()
list: ƒ ()
loading: (...)
menus: (...)
option1: (...)
options: (...)
pagination: (...)
query: (...)
resetQuery: ƒ ()
tableData: (...)
url: (...)
_c: ƒ (a, b, c, d)
_data: {…}
_directInactive: false
_events: {}
_hasHookEvent: false
_inactive: null
_isBeingDestroyed: false
_isDestroyed: false
_isMounted: true
_isVue: true
_renderProxy: Proxy {_uid: 1770, _isVue: true, $options: {…}, _renderProxy: Proxy, _self: VueComponent, …}
_routerRoot: Vue {_uid: 2, _isVue: true, $options: {…}, _renderProxy: Proxy, _self: Vue, …}
_self: VueComponent {_uid: 1770, _isVue: true, $options: {…}, _renderProxy: Proxy, _self: VueComponent, …}
_staticTrees: null
_uid: 1770
_vnode: VNode {tag: "div", data: {…}, children: Array(3), text: undefined, elm: div.table-list-page, …}
_watcher: Watcher {vm: VueComponent, deep: false, user: false, lazy: false, sync: false, …}
_watchers: [Watcher]
$data: (...)
$isServer: (...)
$ls: (...)
$props: (...)
$route: (...)
$router: (...)
$ssrContext: (...)
get $attrs: ƒ reactiveGetter()
set $attrs: ƒ reactiveSetter(newVal)
get $listeners: ƒ reactiveGetter()
set $listeners: ƒ reactiveSetter(newVal)
get BindData: ƒ proxyGetter()
set BindData: ƒ proxySetter(val)
get columns: ƒ proxyGetter()
set columns: ƒ proxySetter(val)
get dialogVisible: ƒ proxyGetter()
set dialogVisible: ƒ proxySetter(val)
get loading: ƒ proxyGetter()
set loading: ƒ proxySetter(val)
get menus: ƒ proxyGetter()
set menus: ƒ proxySetter(val)
get option1: ƒ proxyGetter()
set option1: ƒ proxySetter(val)
get options: ƒ proxyGetter()
set options: ƒ proxySetter(val)
get pagination: ƒ proxyGetter()
set pagination: ƒ proxySetter(val)
get query: ƒ proxyGetter()
set query: ƒ proxySetter(val)
get tableData: ƒ proxyGetter()
set tableData: ƒ proxySetter(val)
get url: ƒ proxyGetter()
set url: ƒ proxySetter(val)
__proto__: Vue
相关文章
|
4天前
|
前端开发
前端通过input标签封装Upload组件实现文件上传
前端通过input标签封装Upload组件实现文件上传
79 0
|
4天前
|
前端开发 数据可视化 JavaScript
前端图形学实战: 从零开发一款轻量级滑动验证码组件(vue3 + vite版)
前端图形学实战: 从零开发一款轻量级滑动验证码组件(vue3 + vite版)
119 0
|
4天前
|
前端开发 JavaScript 程序员
[前端学习]文件组件专题
[前端学习]文件组件专题
35 1
|
5月前
|
前端开发 程序员 API
前端反卷计划-组件库-05-Menu组件开发
前端反卷计划-组件库-05-Menu组件开发
|
3天前
|
前端开发 JavaScript Java
浅谈企业级前端应用中的组件概念和具体的应用
浅谈企业级前端应用中的组件概念和具体的应用
10 1
|
4天前
|
移动开发 前端开发
ruoyi-nbcio-plus的Vue3前端升级组件后出现的问题(二)
ruoyi-nbcio-plus的Vue3前端升级组件后出现的问题(二)
11 1
|
4天前
|
移动开发 前端开发 JavaScript
ruoyi-nbcio-plus的Vue3前端升级组件后出现的问题(一)
ruoyi-nbcio-plus的Vue3前端升级组件后出现的问题(一)
17 2
|
4天前
|
前端开发
前端进度条组件NProgress
前端进度条组件NProgress
22 1
前端进度条组件NProgress
|
4天前
|
前端开发 搜索推荐 UED
【Flutter前端技术开发专栏】Flutter中的高级UI组件应用
【4月更文挑战第30天】探索Flutter的高级UI组件,如`TabBar`、`Drawer`、`BottomSheet`,提升应用体验和美观度。使用高级组件能节省开发时间,提供内置交互逻辑和优秀视觉效果。示例代码展示了如何实现底部导航栏、侧边导航和底部弹出菜单。同时,自定义组件允许个性化设计和功能扩展,但也带来性能优化和维护挑战。参考Flutter官方文档和教程,深入学习并有效利用这些组件。
【Flutter前端技术开发专栏】Flutter中的高级UI组件应用
|
4天前
|
前端开发 JavaScript
【Web 前端】说一下this指向?
【4月更文挑战第22天】【Web 前端】说一下this指向?