vue学习日记18：data是一个函数&组件通信

最新推荐文章于 2025-05-16 20:49:01 发布
最新推荐文章于 2025-05-16 20:49:01 发布
阅读量302 收藏 2
点赞数 9
分类专栏： vue入门学习 文章标签： 学习
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/yinfanfff/article/details/136909607
版权
本文介绍了数据函数的概念以及在编程中的应用，重点关注组件间的通信，包括组件关系分类、通信解决方案（如父子通信流程及其代码示例），并引用了黑马程序员B站教程作为学习资源。

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

一、data是一个函数

1.概念

2.代码 

 相互独立互不影响

二、组件通信

1.概念

（1）什么是组件通信

 

（2）不同组件关系和组件通信方案分类 

（3）组件通信解决方案 

（4）父子通信流程图 

 -1 父传子

 

 

 -2 子传父

 代码在资源里面哦置顶下载

-----------------------------------------------------------------------------------------------------------------------------

注：本人是根据黑马程序员的B站教程来学习的，
链接：https://www.bilibili.com/video/BV1HV4y1a7n4/?spm_id_from=333.999.0.0

本文章仅仅是个人学习笔记 无任何其他用途 特此说明 

Vue使用日记（8）：Vue组件之间的通信（一）
jimson_zhu的博客
08-01 190
在上篇博客中提到，子组件是不能使用父组件或者Vue实例的数据的。 但是，在开发中，往往一些数据确实需要从上层传递到下层（父组件传到子组件），比如在一个页面中，我们从服务器请求到很多数据，但是这些数据不是全部都在一个大页面展示的，而是部分数据需要子组件进行展示。 这时并不会让子组件（可以是大页面的一部分）再次发送一个网络请求，而是直接让大组件（父组件）将数据传递给小组件（子组件）。 这就涉及父...
开发一个封装了iframe的VUE组件
左直拳的马桶_日用桶
03-25 1425
VUE的基本组成单元，我看应该是组件。用VUE开发前端项目，就是开发一个个组件，然后搭积木一样，将项目搭建出来。组件包含在页面，或者是更大的组件里面。在这里，组件与页面的界限，好像并不明显。事实上，对于单页应用，只有一个页面。 组件的好处，一是可以加强复用；二是能够将特定功能封装，利于调用；三是由于职责分明，组件高内聚，组件间低耦合，利于系统功能的优化、扩展和维护。好处多多。 开发组件，主要有2部分内容： 1、组件内部逻辑 2、外部接口 由于我这两天弄的组件，里面包含有一个<iframe>，那么
vue 字符串数组转换成对象_Vue使用日记（8）：Vue组件之间的通信（一）
weixin_39687301的博客
01-02 5324
在上篇博客中提到，子组件是不能使用父组件或者Vue实例的数据的。但是，在开发中，往往一些数据确实需要从上层传递到下层(父组件传到子组件)，比如在一个页面中，我们从服务器请求到很多数据，但是这些数据不是全部都在一个大页面展示的，而是部分数据需要子组件进行展示。这时并不会让子组件(可以是大页面的一部分)再次发送一个网络请求，而是直接让大组件(父组件)将数据传递给小组件(子组件)。这就涉及父子...
Vue学习日记（三）
dream-seeker的博客
03-12 418
Vue 四、组件化开发 Vue 中的组件化开发就是把网页的重复代码抽取出来 ，封装成一个个可复用的视图组件，然后将这些视图组件拼接到一块就构成了一个完整的系统，可以极大的提高开发和维护的效率。 4.1 全局注册 一般把网页中特殊的公共部分注册为全局组件：轮播图、分页、通用导航栏 全局注册之后，可以在任何新创建的 Vue 实例 (new Vue) 的模板中使用 组件名：推荐全小写且包含连字符- template：定义组件的视图模板 data ：在组件中必须是一个函数 Vue.component('
Vue学习日记之组件基础
qq_124917348的博客
07-05 175
1、组件的概念 组件是Vue中一个非常重要的概念，相当的重要，每个组件实现特定的功能。 组件可以看作是可复用的Vue实例。 2、组件的注册 在Vue中，组件分为全局组件和局部组件，和filter过滤器一样。 全局组件作用于全局 局部组件作用于局部，具体的来说是在该vue实例下的div中使用 2.1、全局组件的注册 在Vue中使用Vue.comp...
【一文读懂-Vue】对生命周期、组件通信、mixins混入的理解
一个努力学习的程序猿
04-04 1434
本文主要讲解整理 Vue-生命周期、组件通信、对mixins混入的理解
component多个 vue_Vue.js之组件（component）
weixin_39969611的博客
02-01 405
从结构上看，组件之于实例，就好比轮子之于汽车。从属性和方法来看，组件有实例的大部分方法，如果Vue实例是孙悟空，组件就好比实例的一个毫毛，变化多端却为Vue实例所用。目录：组件的注册is的作用event,props,solts动态组件组件的注册(差不多抄官网)有两种方式注册Vue组件：全局注册和局部注册，就好像欧元和英镑的区别，前者可以在各Vue实例中使用，后者只能在注册他的Vue实例或者父组件中...
解锁 Vue.js 组件开发：前沿技术与最佳实践
专注于人工智能、软件开发、工控自动化、工厂数字化及智能化等领域，希望和大家共同进步！
01-04 975
本文聚焦 Vue.js 组件开发，全面介绍前沿技术与最佳实践。开篇点明 Vue.js 在前端开发的重要地位，强调组件开发影响项目各方面表现。先是重温基础概念，阐述组件本质、注册方式；接着讲 Composition API，含响应式数据处理与自定义 Hook，助逻辑复用。还介绍样式融合手段，作用域样式防冲突、CSS Modules 精准管控。进阶策略涵盖 Props 和 Emits 升级、跨层级通信。最后谈测试，单元、集成与端到端测试保障质量，掌握这些可提升开发效率与项目可维护性。
Vue学习笔记-组件化（一）
gyypwrs的博客
06-19 162
组件化的基本使用 组件使用的三个步骤： 创建组件构造器（Vue.extend(模板)） 注册组件（Vue.component(组件标签名，对象)） 使用组件 <div id="app"> <my-cpn></my-cpn> </div> <script> // 创建组件构造器对象 const cpnC= Vue.extend({
Vue记事本组件开发实战教程
资源摘要信息:"在本篇‘vue学习日记19：记事本-组件版’中，我们将深入了解如何使用Vue.js框架开发一个基于组件的记事本应用。Vue.js是一种构建用户界面的渐进式框架，它通过组件化的方式极大地提高了开发效率和代码...
使用Vue开发的京东商城首页
05-30
在本项目中，“使用Vue开发的京东商城首页”是一个基于Vue.js框架构建的电商网站前端页面，主要展示了Vue.js在Web前端开发中的应用。Vue.js是一个轻量级、高性能的JavaScript框架，它允许开发者通过声明式的方式处理...
【沉浸式求职学习day39】【双指针算法题】
贺函不是涵的博客
05-14 771
双指针算法题
【datawhale组队学习】coze-ai-assistant TASK01
m0_52024881的博客
05-13 925
通过扣子开发的 AI 应用有明确的输入和输出，可以根据既定的业务逻辑和流程完成一系列简单或复杂的任务，例如 AI 搜索、翻译工具、饮食记录等。工作流具备了： 大量的重复性任务 （如内容创作、编辑、发布）和 固定的业务流程 （如策划、创作、审核、发布）。的 AI 项目，它通过对话方式接收用户的输入，由大模型自动调用插件或工作流等方式执行用户指定的业务流程，并生成最终的回复。教程：Coze / 扣子（飞书文档）10. 教程：Coze / 扣子。4万字教程-COZE/扣子与智能体入门（飞书文档）
数据库MySQL学习——day11(高级连接与数据库规范化)
blackA_的博客
05-15 731
消除数据冗余（重复）避免插入、删除、更新异常提高数据一致性和存储效率连接类型说明SELF JOIN表自己连接自己CROSS JOIN两表所有组合（笛卡尔积）范式原则1NF每列值必须是原子值（不能有逗号分隔）2NF消除部分依赖（非主属性依赖主键全部）3NF消除传递依赖（非主属性不依赖其他非主属性）
Java基础学习
最新发布
2301_81834780的博客
05-16 202
Java 语言特点（跨平台、面向对象、自动内存管理）JVM、JRE、JDK 的作用与区别开发环境搭建（安装 JDK、配置环境变量、IDE 使用）
fastencrypto专为快速处理文件加密或解密文件、文件夹的内容，并带有许多其他工具。资源供大家学习研究参考
惠惠软件
05-15 31
这是一个全面的工具包，可容纳许多其他工具。它拥有一个灵活的用户界面，该界面提供有关所有操作的详细消息，从而确保甚至用于复杂任务的用户友好体验。专门针对快速处理非常大的文件进行设计。它具有使用任何文件作为密码加密和解密文件以及文件夹的内容的能力。这提供了一种独特而个性化的文件加密方法。与Armortools软件完全兼容，为您的数据安全需求提供了集成解决方案。体验快速安全文件处理的便利性。这是数据安全领域的强大工具，其中速度和可靠性至关重要。今天并控制您的数据安全。
LLM定制新路径：微调与上下文学习的博弈与融合
2401_86652632的博客
05-14 741
在当今人工智能的浪潮中，大型语言模型（LLMs）已成为推动行业进步的关键力量。无论是自然语言处理、文本生成还是多模态应用，LLMs都在展现着它们的强大能力。然而，当我们将这些强大的模型应用于特定的下游任务时，如何有效地定制它们以适应特定的需求，便成了一个至关重要的问题。
Java零基础学习Day12——集合ArrayList
m0_68932052的博客
05-13 542
集合只存引用数据类型；长度可变数组可存基本数据类型、引用数据类型；长度固定。
学习笔记：Conda 环境共享
2302_80012625的博客
05-12 417
通过导出和导入环境配置文件，可以确保不同协作人员在相同的软件环境中工作，避免因环境差异导致的问题。这对于团队协作和项目部署非常关键。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值