vue前端开发自学demo,父子组件之间传递数据demo2

vue前端开发自学demo,父子组件之间传递数据demo2!实际上，组件之间传递数据的，数据类型，是可以多种多样的，下面为大家展示几个常见的数据类型，比如数字类型，数组类型，对象类型。

代码如下所示：

<template>
    <h3>Parent</h3>
    <Child  title="Parents内容！222" :age="age" :names="names" :userInfo="userInfo"/>
</template>
<script>
import Child from "./Child.vue"
    export default{
        data(){
            return {
               age:38,
               names:["admin","guest",'tiger'],
               userInfo:{
                name:"Json",
                age:24
               }
            }
        },
        components:{
            Child
        }
    }
</script>

如图所示，以上代码就是，三种类型的，第一个年龄age,是数字类型。第二个名字的数组，第三个是一个用户信息的，对象类型。

如图，都可以正常获取到，在子组件里，可以正常获取到父组件传递过来的数据内容。

下一期内容给大家分享的是，Props传递数据的时候需要做校验，针对类型校验的内容。