当前位置: 开发笔记 > 编程语言 > 正文

实例演示父子组件之间通信方式

作者：小景森的童年 | 来源：互联网 | 2023-10-11 16:16

实例演示父子组件之间通信方式作业内容：实例演示父子组件之间通信方式 lang="en"> charset="UTF-8"> name="viewport" content=">

实例演示父子组件之间通信方式
作业内容：实例演示父子组件之间通信方式

`lang="en">`
`charset="UTF-8">`
`name="viewport" content=">`

`class="app">`

`{{like}} @click="addNum">{{num}} +`

`:like-type="like" :like-num="num">`

`:like-type="like" :like-num="num" @like-change="likeMethod">`

1. 父组件向子组件通过自定义属性传参

点击喜欢后面的自增按钮3次，父组件喜欢数为 3+，父组件向子组件1传参显示图

父组件向子组件传参

2. 子组件向父组件通过自定义方法传参

在上图中，修改 like-type 为点赞，like-num 为 100 点击 change 子组件2，改变父组件的原来喜欢字符和喜欢数显示图

子组件向父组件传参

编程
php

推荐阅读

select
MySQL 常见错误解析与解决

本文详细解析了MySQL中常见的几种错误，并提供了具体的解决方法，帮助开发者快速定位和解决问题。 ... [详细]

蜡笔小新 2024-11-22 14:15:56
java
最适合初学者的编程语言

本文探讨了适合编程新手的最佳语言选择，包括Python、JavaScript等易于上手且功能强大的语言，以及如何通过有效的学习方法提高编程技能。 ... [详细]

蜡笔小新 2024-11-22 16:17:04
java
项目经理的角色与职责解析

本文探讨了项目经理的核心职责，结合个人项目管理和PMBOK指南的经验，深入分析了项目管理的基本概念及其与运维、战略规划之间的关系。 ... [详细]

蜡笔小新 2024-11-22 14:12:02
java
探索Java 11中的ZGC垃圾收集器

Java 11引入了一种新的垃圾收集器——ZGC，由Oracle公司研发，旨在支持TB级别的内存容量，并保证极低的暂停时间。本文将探讨ZGC的开发背景、技术特点及其潜在的应用前景。 ... [详细]

蜡笔小新 2024-11-22 13:36:53
int
HDU 6116 路径计数优化

本文探讨了使用普通生成函数和指数生成函数解决组合与排列问题的方法，特别是在处理特定路径计数问题时的应用。文章通过详细分析和代码实现，展示了如何高效地计算在给定条件下不相邻相同元素的排列数量。 ... [详细]

蜡笔小新 2024-11-22 13:11:20
int
《情久长》译文与赏析——宋代诗人吕渭老

本文对宋代著名诗人吕渭老的作品《情久长》进行了细致的翻译和赏析，深入探讨了诗中蕴含的情感与艺术特色。 ... [详细]

蜡笔小新 2024-11-22 18:51:17
header
DedeCMS 手机端站点配置与优化指南

本文详细介绍如何安装和配置DedeCMS的移动端站点，包括新版本安装、老版本升级、模板适配以及必要的代码修改，以确保移动站点的正常运行。 ... [详细]

蜡笔小新 2024-11-22 18:44:25
header
解决杰里AC696X在LDO15模式下通话时设备重启的问题

本文提供了一种通过调整内核电压来增强设备抗干扰能力的方法，以解决部分杰里AC696X设备在LDO15模式下通话时出现的重启问题。 ... [详细]

蜡笔小新 2024-11-22 17:57:39
post
如何在没有提交按钮的情况下提交HTML表单？

探讨了在HTML表单中使用元素代替进行表单提交的方法。 ... [详细]

蜡笔小新 2024-11-22 17:48:42
js
3DSMAX制作超现实的体育馆模型

这篇教程是向脚本之家的朋友介绍3DSMAX制作超现实的体育馆模型方法，教程制作出来的体育馆模型非常地不错，不过教程有点难度，需要有一定基础的朋友学习，推荐到脚本之家，喜欢的朋友可 ... [详细]

蜡笔小新 2024-11-22 16:07:10
js
Unity美洲技术总监Carl Callewaert探讨游戏引擎与动作捕捉技术

Carl Callewaert，现任Unity美洲区技术总监，以其幽默和专业著称，拥有超过十年的游戏开发及教育经验。在UNITE 2016 Shanghai会议中，他不仅展示了Unity引擎的先进特性和最新研究进展，还以其独特的即兴说唱技能给观众留下了深刻印象。 ... [详细]

蜡笔小新 2024-11-22 14:56:25
js
冲刺最后一天的任务完成情况

在项目冲刺的最后一天，团队专注于软件用户界面的细节优化，包括调整控件布局和字体设置，以确保界面的简洁性和用户友好性。 ... [详细]

蜡笔小新 2024-11-22 14:51:19
js
唐元稹《月三十韵》译解与赏析

本文对唐代诗人元稹的《月三十韵》进行了详尽的翻译与赏析，深入探讨了诗中的意境与艺术特色。 ... [详细]

蜡笔小新 2024-11-22 14:42:49
java
JavaScript 页面卸载事件详解 (onunload)

当用户从页面离开时（如关闭页面或刷新页面），会触发 onunload 事件，此时可以执行预设的脚本。需要注意的是，不同的浏览器对 onunload 事件的支持程度可能有所不同。 ... [详细]

蜡笔小新 2024-11-22 14:17:44
js
如何将 Git 提交编辑器从 Nano 更改为 Vim

默认情况下，Git 使用 Nano 编辑器进行提交信息的编辑，但如果您更喜欢使用 Vim，可以通过简单的配置更改来实现这一变化。本文将指导您如何通过修改全局配置文件来设置 Vim 作为默认的 Git 提交编辑器。 ... [详细]

蜡笔小新 2024-11-22 14:08:35

实例演示父子组件之间通信方式

实例演示父子组件之间通信方式作业内容：实例演示父子组件之间通信方式 lang="en"> charset="UTF-8"> name="viewport" content="> class="app"> {{like}} @click="addNum">{{num}} + :like-type="like" :like-num="num"> :like-type="like" :like-num="num" @like-change="likeMethod">

1. 父组件向子组件通过自定义属性传参

2. 子组件向父组件通过自定义方法传参