vue-cli3父子组件传值

通常父子组件之间是需要相互传数据的。

父组件向子组件传数据

1,父组件App.vue传递数据menu: 'aa'给子组件的ret



2,子组件Vcontent.vue使用ret接受父组件传递的menu



也可以这样接收父组件的数据



子组件向父组件传数据

子组件是通过事件向父组件传递数据,分如下两种情况:

情况一:当前子组件已接收了接收父组件的数据,存在this.menu数据

父组件App.vue



子组件Vcontent.vue



情况二:父组件没有向当前子组件传递数据,也就是拿不到this.menu数据,或则是不想通过this.menu传递数据

子组件Vcontent.vue,为了直观查看数据还使用Vcontent.vue



父组件App.vue



结束!

你可能感兴趣的:(vue-cli3父子组件传值)