中props使用this报错_(深入Vue组件)3.组件参数校验与非props特性

本文探讨Vue组件的参数校验,详细解释如何通过props进行约束,包括限制数据类型和自定义校验。同时阐述非props特性,说明当父组件向未声明props的子组件传递属性时,属性将作为非props特性存在,不会在DOM中显示。
摘要由CSDN通过智能技术生成

0e498b36d4ca37480490c42fc15f3eeb.png

关键词:

  • 组件的参数校验
  • 非props特性
  • props特性

注意:

  • 父组件传递一个数字的数据,属性传递所使用的形式 :xxx = "数字"

(一)组件的参数校验

组件的参数校验,父组件向子组件传递的内容,子组件对所接收的数据做一些约束(规则的改变),这些约束叫做参数的校验。

一、父组件需要向子组件传递参数,通过属性的形式;子组件势必要接收这些数据,用props,然后在子组件的template中传递该数据,以下已经演示很多遍:

<body>
      <div id="root">
           <child content="hello world"></child>
      </div>

      <script>
        Vue.component('child', {
             props: ['content'],
             template: '&l
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值