Vue实例对象的各种属性和方法(以下的所有链接均为转载)
- 实例对象属性:
- 1、vm.$data:(获取Vue实例的数据对象)
- 2、vm.$props:(获取Vue实例接受过来的props对象)
- 3、vm.$el:(获取Vue实例的挂载DOM元素)
- 4、vm.$options:(获取Vue实例的所有配置项)
- 5、vm.$parent:(获取该组件的父级组件)
- 6、vm.$root:(获取当前组件树的根组件)
- 7、vm.$children:(获取当前组件的子组件集)
- 8、vm. $ slots、vm.$scopedSlots:(组件插槽的渲染)
- 详细解释
- 9、vm.$refs:(获取注册 ref 属性的组件)
- 10、vm.$isServer:(当前的Vue实例是否运行在服务端)
- 11、vm.$attrs:(将父组件的属性(除去在props中传入的属性)传递给子组件)【只读】
- 12、vm.$listeners:(该组件的所有监听器)【只读,自己不会~】
- 实例对象的方法(数据):
- 实例对象的方法:(事件):
- 实例对象的方法:(生命周期)
实例对象属性:
1、vm.$data:(获取Vue实例的数据对象)
2、vm.$props:(获取Vue实例接受过来的props对象)
3、vm.$el:(获取Vue实例的挂载DOM元素)
4、vm.$options:(获取Vue实例的所有配置项)
详细用法
5、vm.$parent:(获取该组件的父级组件)
6、vm.$root:(获取当前组件树的根组件)
7、vm.$children:(获取当前组件的子组件集)
注意点: $children 并不保证顺序,也不是响应式的。
8、vm. $ slots、vm.$scopedSlots:(组件插槽的渲染)
详细解释
9、vm.$refs:(获取注册 ref 属性的组件)
详细解释
10、vm.$isServer:(当前的Vue实例是否运行在服务端)
11、vm.$attrs:(将父组件的属性(除去在props中传入的属性)传递给子组件)【只读】
详细解释
12、vm.$listeners:(该组件的所有监听器)【只读,自己不会~】
实例对象的方法(数据):
1、vm.$watch( )(Vue实例里面的监听器,具体看 Vue的选项)
2、vm.$set( )(Vue实例数据的修改,具体看 Vue的选项)
3、vm.$delete( )(Vue实例数据的删除,具体看 Vue的选项)
实例对象的方法:(事件):
1、vm.$on( event, callback )(实例绑定事件)
参数:(事件名,回调函数)
2、vm.$once( event, callback )(实例绑定事件,只调用一次)
参数:(事件名,回调函数)
3、vm.$off( [event, callback] )(删除自定义事件监听)
参数:(事件名,回调函数)
注意点:
1、如果没有提供参数,则移除所有的事件监听器;
2、如果只提供了事件,则移除该事件所有的监听器;
3、如果同时提供了事件与回调,则只移除这个回调的监听器
4、vm.$emit( eventName, […args] )(触发当前实例上的事件)
参数:(事件名,触发回调函数的参数)
实例对象的方法:(生命周期)
1、vm.$mount( [elementOrSelector] ):(把实例挂载在DOM元素上)【在组件配置上没有el的情况下】
参数:( ” DOM元素 “ )
2、vm.$forceUpdate():(重新渲染组件)
注意点:
迫使 Vue 实例重新渲染。它仅仅影响实例本身和插入插槽内容的子组件,而不是所有子组件。
3、vm.$nextTick( [callback] ):(数据更新后执行回调)
参数:(回调函数)