Vue，简单的子组件向父组件传值。

NI_computer

于 2020-10-22 19:39:07 发布

阅读量788

点赞数 1

CC 4.0 BY-SA版权

分类专栏：实训笔记 vue 文章标签： vue

本文链接：https://blog.youkuaiyun.com/NI_computer/article/details/109228762

本文介绍了在Vue中子组件如何通过$emit触发事件来向父组件传递数据，详细阐述了父子组件间通信的过程。并提供了一个实例，展示如何在父组件中注册全局和局部组件，以及如何将全局组件的值传递给局部组件。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

子组件通过发射事件$.emit给父组件，通知父组件数据改变，父组件通过@xxx监听
父页面向子页面传值见：父页面向子页面传值
例子：
注册一个全局组件，和一个局部组件，将全局组件作为局部组件的子组件，并将全局组件中的值传给局部组件。

全局子组件代码：
在这里插入图片描述父组件：

测试代码：

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>子组件向父组件传值</

最低0.47元/天解锁文章

200万优质内容无限畅学