Vue组件传值常用方法有哪些？(二)

本文共计1251个文字，预计阅读时间需要6分钟。

目录+前言+子向父传递值+一+文件配置及模板生成+二+Son组件内部处理+三+Father组件内部处理+总结+代码+前言+大家庭好，在上一篇文章中，我们分享了Vue组件传值的几种常用方式（一）中，我们介绍了父组件向子组件传递值的方法。

目录

• 前言
• 子向父传值
• 一 文件配置及模板生成
• 二 Son组件内部处理
• 三 Father组件内部处理
• 总结
• 代码

前言

大家好，在上一篇文章分享Vue组件传值的几种常用方式(一)中我们介绍了父组件向子组件传值的相关流程，今天我们主要来学习子组件如何向父组件传值。子向父传值涉及到的方法的核心是 “$.emit” , 我们将利用这一方法来实现既定目标。

子向父传值

子向父传值意思就是要把子组件里的值传递给父组件，方法在子组件的methods模块中利用$.emit，其内部我们再来定义一个事件名和所要传递的值。