这两个都是Vue.js中的指令,用于在组件上绑定属性和事件监听器。
v-bind=“$attrs”:这个指令的作用是将父组件传递给子组件的所有属性绑定到子组件的根元素上。这样做的好处是,即使子组件没有显式声明这些属性,它们仍然可以访问到这些属性。
v-on=“$listeners”:这个指令的作用是将父组件传递给子组件的事件监听器绑定到子组件的根元素上。这样做的好处是,子组件可以通过触发这些事件来通知父组件发生了一些事情。
通常,我们在编写组件时,会希望组件的API能够更加灵活,以便适应不同的使用场景。通过这种方式,我们可以让子组件接收到父组件传递的任何属性和事件,从而增强了组件的通用性和灵活性。
子组件直接this.
a
t
t
r
s
.
c
o
l
u
m
n
s
就可以获取到数据了
v
−
o
n
=
"
attrs.columns 就可以获取到数据了 v-on="
attrs.columns就可以获取到数据了v−on="listeners" 与v-bind="$attrs"用法类似,