父子组件的相互通信

周大胖子

除了前一篇的 关于父子组件通过prop 进行 通信， 还可以用 ref 进行通信

在Home.vue文件中的 html

2.         <button @click="geta()">父组件获取子组件的值 通过ref</button>
3.         <v-head ref="header"></v-head>

复制代码

在Home.vue文件中的 script

1. ,geta(){
2.       alert(this.$refs.header.lm)   //获取子组件的值
3.       this.$refs.header.amc()       //调用子组件的方法
4.       // 就是说 给子组件的 标签上一个 ref="header" 然后可以直接在这里 获取子组件的值 和 方法
5.     }

复制代码

==============================
下面则是  子组件调用父组件的方法

这个就简单了， 直接在组件里 写

1.   alert(this.$parent.mvc)

复制代码