反向传值(子向父传值$emit)
$emit 一共有三个参数,第一个参数为自定义的事件,第二个参数为要传递给父组件的值,父组件在子组件标签上绑定自定义事件来接收子组件传递的数据
父组件里面绑定事件,子组件触发事件
一、 v-on:xx 方法传值
1、父组件中使用子组件时,在子组件身上绑定一个自己的更新事件,其中v-on:xx中的“xx”是自己定义的触发条件
<div id="app">
<h1>app---{
{count}}</h1>
<Box @change="fn" v-on:xx="eventmyself" :n="count"></Box>
<button @click="change1">app--修改count</button>
</div>
2、在父组件中定义这个事件
export default {
methods:{
change1(){
this.count+=1
},
}
3、子组件中首先通过props接收父组件传过来的值,子组件中在更新这个值的函数里,同时通过this.$emit触发父组件的myevent事件,传入更新后的值
<script>
export