vue 中父子组件之间的传值

1.新建home.vue 和header.vue 组件

vue 中父子组件之间的传值_第1张图片

2.父组件home 属性传值


3.子组件接收父子的传值


vue 中父子组件之间的传值_第2张图片

总结:

1.父组件给子组件的传值 绑定动态属性

2.在子组件里面通过props接收父组件传过来的的数据


二 父组件传递方法给子组件

1.在父组件定义一个方法

vue 中父子组件之间的传值_第3张图片
1.

2.在子组件中声明


3.在子组件中使用父的方法 接收


4.子组件使用父组件的方法


你可能感兴趣的:(vue 中父子组件之间的传值)