Vue中props的详解

 props: ['initialCounter'],
  data: function () {
   return { counter: this.initialCounter }
  }

 props: ['size'],
  computed: {
   normalizedSize: function () {
    return this.size.trim().toLowerCase()
   }
  }

 

    
  
  

图2-改变childObject.name，object.name也改变

图3-控制台输出app3.object.name
4. props验证
可以为prop指定验证规则，如果传入的数据不符合要求，Vue会发出警告。
具体验证规则见官方文档：Prop验证规则
5. $parent
$parent 也可以用来访问父组件的数据。
而且子组件可以通过$parent 来直接修改父组件的数据，不会报错！
可以使用props的时候，尽量使用props显式地传递数据（可以很清楚很快速地看出子组件引用了父组件的哪些数据）。
另外在一方面，直接在子组件中修改父组件的数据是很糟糕的做法，props单向数据流就没有这种顾虑了。
以上所述是小编给大家介绍的Vue中props的详解详解整合，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对网站的支持！