父子组件的相互通信
除了前一篇的 关于父子组件通过prop 进行 通信, 还可以用 ref 进行通信在Home.vue文件中的 html
<button @click="geta()">父组件获取子组件的值 通过ref</button>
<v-head ref="header"></v-head>在Home.vue文件中的 script
,geta(){
alert(this.$refs.header.lm) //获取子组件的值
this.$refs.header.amc() //调用子组件的方法
// 就是说 给子组件的 标签上一个 ref="header" 然后可以直接在这里 获取子组件的值 和 方法
}
==============================
下面则是子组件调用父组件的方法
这个就简单了, 直接在组件里 写
alert(this.$parent.mvc)
页:
[1]