看Vue文档总结之路(五)

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:(获取当前组件的子组件集)

注意点: $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] ):(数据更新后执行回调)

参数:(回调函数)


4、vm.$destroy():(销毁实例对象)

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值