参考文档
vm.$parent
类型:Vue instance
详细:
父实例,如果当前实例有的话。
这种改法在组件嵌套时,子组件可以直接 修改它的父组件的值
具体使用:
父组件 app.vue
<template>
<div id="app">
{{ a }}
<!-- 使用组件 -->
<three/>
<!-- <four></four> -->
</div>
</template>
<script>
import three from './components/three'
import four from './components/four'
export default {
components:{
three,
four
},
data(){
return {
a:'我是父组件'
}
},
}
</script>
子组件three.vue
<template>
<div class="three">
<hr>
<h2>我是子组件</h2>
<button @click="change">传递事件</button>
</div>
</template>
<script>
export default {
data() {
return {};
},
methods: {
change() {
this.$parent.a = '6666'
}
}
};
</script>