vue 父组件调用子组件的方法_vue子组件修改父组件值

<template>
  <div></div>
</template>

<script> export default { methods:{ childMethod(flag) { console.log(flag) } }, created(){ } } </script>

<template>
  <div @click="parentMethod">
    <children ref="child1"></children>
  </div>
</template>

<script> import children from 'components/children/children.vue' export default { data(){ return { flag: true } }, components: { 'children': children }, methods:{ parentMethod() { console.log(this.$refs.child1) //返回的是一个vue对象，所以可以直接调用其方法 this.$refs.child1.childMethod(this.flag); } } } </script>

this.$emit('cartadd', event.target);

<v-cartcont :food="food" @cartadd='_drop'></v-cartcont>
<v-shopcart ref='shopcart'></v-shopcart>

_drop(target){
    console.log('父组件接收数据')
    this.$refs.shopcart.drop(target);
}

drop(el){
    console.log('调用另一个子组件的方法')
    console.log(el)
}