父子组件之间的通信
第一种通信方式
父组件向子组件通信
parent.vue
<template>
<Child name="希泽" :age="18"/>
</template>
<script>
export default {
name: "Parent",
};
</script>
child.vue
<template>
{
{name}}--{
{age}}
</template>
<script>
export default {
name: "Child",
props:['name','age']
};
</script>
- 第一步:在父组件中所需要传递参数的位置使用
v-model
绑定数据。- 第二步:在子组件中使用
props
接收参数
注意:props接收参数的方式总共有三种
- 数组写法
props:['name','age']
- 对象写法一
props:{
name:String,
age:Number
}
- 对象写法二
props:{
name:{
type:String,