【vue】父子组件传值多个参数时候如何通过v-bind简写？

目录

• • 一：官方文档里面有一个api，提供给对象绑定多个prop
  • 二：像下面这样我的参数超级多呢，可以直接v-bind对象绑定多个prop
  • 三：v-bind=" p r o p s " 和 v − b i n d = " props"和v-bind=" props"和v−bind="attrs"

一：官方文档里面有一个api，提供给对象绑定多个prop

• Q：有人会说了，这和直接绑定一个对象有什么区别吗？
• A：确实有区别，但是区别不大，也可以:obj="obj"

二：像下面这样我的参数超级多呢，可以直接v-bind对象绑定多个prop

• 集中起来写 ，就是父组件在传递多个参数时一种简约的写法

三：v-bind=“ p r o p s " 和 v − b i n d = " props"和v-bind=" props"和v−bind="attrs”

v-bind="$props"可以将自身声明（接收到的）的所有props传递给它的子组件。

v-bind="$props"和v-bind="$attrs"有什么区别？
.其实就是往子组件里传的参数不同，一个传的是vm.props一个传的是vm.attrs。
而组件的attrs其实就是除了本组件声明的prop属性之外的其他绑定在本组件上的属性（可以是vue的动态绑定属性或者name
type这些原生/自定义属性）