工作215:打印出父子组件的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

工作215:打印出父子组件的this相关推荐

工作46：理解父子组件
vue父子组件传值，sync语法糖
父子传值props 父组件传递 <test :content="title"></test> data() {return {title: 'Hello'} ...
vue 父子组件通信详解
这是一篇详细讲解vue父子组件之间通信的文章,初始学习vue的时候,总是搞不清楚几个情况通过props在父子组件传值时,v-bind:data="data",props接收的到底 ...
在基于nuxt的移动端页面中引用mint UI的popup组件之父子组件传值
最近在做移动端的wap页面,考虑到要做SEO,所以选定了nuxt+vue+mint ui. 有一个需求是这样的,点击头部菜单栏,出现一个气泡,点击返回首页. 由于一些页面没有统一引用mint的mt-h ...
神了！！看完这篇文章我不仅学会了手撸vue三开关组件，还搞懂了父子组件传值
神了!!看完这篇文章我不仅学会了手撸vue三开关组件,还搞懂了父子组件传值引子前置知识什么是vue组件父子组件传值父传子子传父 model选项的引入三开关组件(three-switch) ...
html中的父子通信代码,Vue.js 父子组件通信的十种方式
面试官:Vue 中父子组件通信有哪些方式? 自己先想一分钟. 无可否认,现在无论大厂还是小厂都已经用上了 Vue.js 框架,简单易上手不说,教程详尽,社区活跃,第三方套件还多.真的是前端开发人员必备 ...
VUE父子组件传值（含实例）
vue父子组件通信这里的movies数组和message字符串,相当于是在父组件中对要传给子组件的数据做赋值或者计算等操作. 1.父传给子(在子组件中改数据) 父组件: 1.在子组件上绑定数据arr ...
Vue非父子组件传值
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录前言一.非父子组件传值二.事件总线 2.$attrs / listeners VueX是笔者认为最稳定的非父子传值的方法 ...
六十一、Vue中父子组件传值和组件参数校验
@Author:Runsen @Date:2020/10/17 写在前面:我是「Runsen」,热爱技术.热爱开源.热爱编程.技术是开源的.知识是共享的.大四弃算法转前端,需要每天的日积月累,需要强大 ...

工作215:打印出父子组件的this

工作215:打印出父子组件的this相关推荐

最新文章

热门文章