vue 子组件向父组件传值方法
更新时间：2018年02月26日 15:03:06 作者：喵喵哥哥
下面小编就为大家分享一篇vue 子组件向父组件传值方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
子组件注册触发事件，父组件注册 触发子组件事件后的方法写在method里面
父组件这么写
<component-a v-on:child-say="listenToMyBoy"></component-a>
<p>Do you like me? {{childWords}}</p>
methods: {
listenToMyBoy: function (somedata){
this.childWords = somedata
}
}
子组件component-a这么写
<button v-on:click="onClickMe">like!</button>
methods: {
onClickMe: function(){
this.$emit('child-say',this.somedata);
}
}
以上这篇vue 子组件向父组件传值方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
这篇文章给大家介绍了Vue3监听store中数据变化的三种方法,使用watch和storeToRefs函数,使用计算属性computed和使用watchEffect函数这三种方法,文中通过代码讲解非常详细,需要的朋友可以参考下2024-01-01
这篇文章主要为大家介绍了vue3 diff 的算法示例，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-07-07
写本篇文章之前其实也关注过vue中的一个关于加载动态组件is的API，最开始研究它只是用来实现一个tab切换的功能,需要的朋友可以参考下2019-05-05
Ant Design moment对象和字符串之间的相互转化教程
这篇文章主要介绍了Ant Design moment对象和字符串之间的相互转化教程，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-10-10
下面小编就为大家分享一篇vue 路由页面之间实现用手指进行滑动的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随跟随小编过来看看吧2018-02-02
在 Vue 3 中,v-bind 指令用于将表达式的值绑定到 DOM 元素的属性上,这个指令的语法与 Vue 2 相同,但有一些细微的变化和改进,这篇文章主要介绍了Vue3 v-bind 指令的基本用法,需要的朋友可以参考下2024-08-08
这篇文章主要介绍了Vue如何使用CSS自定义变量，帮助大家更好的理解和学习使用vue框架，感兴趣的朋友可以了解下2021-05-05
这篇文章主要介绍了vue3 vuex4 store的响应式取值问题，在实际生活中遇到这样一个问题:在页面中点击按钮,数量增加,值是存在store中的,点击事件值没变,如何解决这个问题，本文给大家分享解决方法，需要的朋友可以参考下2022-08-08
这篇文章主要介绍了vue3实现v-model原理详解，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-10-10
这篇文章主要介绍了windows下vue-cli导入bootstrap样式，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-04-04
最新评论