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传递数据的时候需要做校验,针对类型校验的内容。