//===========================================================================
使用$attr可以直接在父元素上拿数据让子元素使用或者是孙元素使用
<template><div>props:{{name}},{{age}} 或者 {{$props['name']}},{{$props['age']}} <br>attrs: {{$attrs['gender']}} 在$attrs里面只会有props没有注册的属性</div> </template>export default{props: ['name','age'] }
<child2 v-bind=”$attrs”></child2>
在child2里面，就可以直接用props注册gender,来直接获取来自“祖父组件”的gender值了（当然，不注册也是可以用$attrs来取值的） 因为已经使用$attrs属性将父元素的数据全部拿到
