这篇文章主要介绍了Vue子组件向父组件传值的方法是什么的相关知识，内容详细易懂，操作简单快捷，具有一定借鉴价值，相信大家阅读完这篇Vue子组件向父组件传值的方法是什么文章都会有所收获，下面我们一起来看看吧。子组件：通过某种事件（这里是@click点击事件，也可以是其他事件）发送数据，this.$emit(‘事件名’,要传的数据)父组件：在标签内部@子组件中定义的事件名，等于一个函数（这里是rev），通过rev（va免费云主机域名l）这个函数接收数据，把val赋值给自己的数据初始化Vue实例，可以理解为父组件，在父组件中的data中初始化一个变量（parentmsg），用来接收值；自定义子组件，命名为Child，这个名字可以随意起，template里直接给一个id名，可以直接在html中写组件的内容，不再需要使用模板字符串写模板了，既方便又快捷;在子组件的data函数里声明一个变量（childmsg）；在子组件中写一个点击事件@click=”send（）”，send函数内部通过this.$emitthis.$emit（’childsend’,this.childmsg）向父组件发送数据；this.$emit的第一个参数为事件名，自定义的，父组件需要通过这个事件名接收值；第二个参数为要传给父组件的数据；在父组件中，通过@子组件中定义的事件名，触发一个函数rev（val）来接收数据，把接收到的val值赋给自己的变量parentmsg，然后就可以在html中使用插值表达式或v-bind绑定属性值来使用子组件发送的数据了。点击之后父组件才能访问子组件中的数据关于“Vue子组件向父组件传值的方法是什么”这篇文章的内容就介绍到这里，感谢各位的阅读！相信大家对“Vue子组件向父组件传值的方法是什么”知识都有一定的了解，大家如果还想学习更多知识，欢迎关注百云主机行业资讯频道。
相关推荐: 怎么利用insert into values插入多条数据
今天小编给大家分享一下怎么利用insertintovalues插入多条数据的相关知识点，内容详细，逻辑清晰，相信大部分人都还太了解这方面的知识，所以分享这篇文章给大家参考一下，希望大家阅读完这篇文章后有所收获，下面我们一起来了解一下吧。insert into …
免责声明：本站发布的图片视频文字，以转载和分享为主，文章观点不代表本站立场，本站不承担相关法律责任；如果涉及侵权请联系邮箱：360163164@qq.com举报，并提供相关证据，经查实将立刻删除涉嫌侵权内容。
微信扫一扫 
