vm.$props, vm.$attrs, vm.$listeners 的理解

本文介绍了 Vue 实例的 $props, $attrs 和 $listeners 属性的用法。$props 代理了接收的 prop 对象,$attrs 包含未声明为 prop 的父作用域绑定,$listeners 包含父作用域的事件监听器,适用于构建高级组件。这三个属性对于理解和传递组件间的数据及事件至关重要。" 104559599,7448385,位操作符详解:设置位为1或0,"['编程', '计算机科学', '逻辑运算', '数据处理']
摘要由CSDN通过智能技术生成

vm.$props
当前组件接收到的 props 对象。Vue 实例代理了对其 props 对象属性的访问
ps:props 里声明了继承下来的内容

vm.$attrs
包含了父作用域中不作为 prop 被识别 (且获取) 的特性绑定 (class 和 style 除外)。当一个组件没有声明任何 prop 时,这里会包含所有父作用域的绑定 (class 和 style 除外),并且可以通过 v-bind="$attrs" 传入内部组件——在创建高级别的组件时非常有用
ps:只包括没 props 的内容

vm.$listeners
包含了父作用域中的 (不含 .native 修饰器的) v-on 事件监听器。它可以通过 v-on="$listeners" 传入内部组件——在创建更高层次的组件时非常有用
ps:绑定的方法(v-on: @) html中大写无效, 模板中大小写[-]全部保留

 

参考资料[https://cn.vuejs.org/]

 

 

<!DOCTYPE html>
<html>

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<meta charset="utf-8">
		<meta name="viewport" content="ini
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值