props的子组件给父组件传值

1.可以用数组的方式将利用子组件修改父组件的值；

<button @click="food=[]">用数组的方法子组件修改父组件的值</button>

2.如何给已定义的数组中添加数据呢？

push()   pop()   shift()    unshift()

<button @click="list.push('银河')">通过方法来增值</button> 

 

注意点：

可以父组件中利用这种方法，但子组件不行，在子组件中用这种方法会改变栈中的值；

如何通过子组件传值给父组件呢？

方式一：

 3. this.$emit

this.$emit('自定义事件',传递的数据)

 例如：

methods:{
  fn1(){
    // 给父组件传值
    //this.$emit('自定义事件',传递的数据)
    this.$emit('sb','彭某人')
  }
}

然后在父组件中使用：

   

<Stuemit @sb="fn1"></Stuemit>


在与data同级的地方

   methods:{

        fn1(data){

       console.log(data);

    }

  }