vue2中的props属性

vue2中的props属性

props传递&使用

调用子组件是创建子组件的实例

传递属性::a="a",非字符串都用v-bind

created: 属性 状态 computed watch都处理好了

  1. 会被挂载到实例上
  2. get/set劫持:get获取最新,set目的抛出错误

修改props

this.x=xxx时触发set劫持函数时,当直接修改props时,

涉及到改props的情况:

  1. 让父组件重新修改
  2. 把属性赋值给一个状态,之后改状态

初始化属性 -> 初始化状态,所以在data中是能拿到props

$attrs

没有props注册接收的属性,会被实例.$attrs捕捉到(没有做劫持)。

inheritAttrs:false

特殊的属性:class/style,给子组件根节点设置

默认局部组件 类组件:一导二注三调

驼峰camelCase & 中划线kebabCase是能混用的

v-bind=对象,把属性作为props

null undefined会通过任何规则校验

validator:校验函数

属性存在的意义

  1. 提高组件的复用性
  2. 基于传递不同的属性实现不同的功能

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值