组件模块化使用

//===========================================================================

 使用$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属性将父元素的数据全部拿到