|
除了前一篇的 关于父子组件通过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" 然后可以直接在这里 获取子组件的值 和 方法
- }
复制代码 ==============================
下面则是 子组件调用父组件的方法
这个就简单了, 直接在组件里 写
|
|