首页 > 父子组件事件通信

父子组件事件通信

发布时间：2023-03-01 04:13:09 来源：文档文库

小中大

字号：

手机查看

父子通讯

父子组件之间的数据操作，是通过 props 属性和$emit(方法来实现的。

通过 Prop 向子组件传递数据
Prop 是你可以在组件上注册的一些自定义 attribute。当一个值传递给一个 prop attribute 的时候，它就变成了那个组件实例的一个属性。为了给博文组件传递一个标题，我们可以用一个 props 选项将其包含在该组件可接受的 prop 列表中：
Vue.component('blog-post', { props: ['title'], template: '

{{ title }}

' }
一个组件默认可以拥有任意数量的 prop，任何值都可以传递给任何 prop。在上述模板中，你会发现我们能够在组件实例中访问这个值，就像访问 data 中的值一样。
一个 prop 被注册之后，你就可以像这样把数据作为一个自定义 attribute 传递进来：

本文来源：https://www.2haoxitong.net/k/doc/35204ed5e718964bcf84b9d528ea81c759f52e0b.html

《父子组件事件通信.doc》

将本文的Word文档下载到电脑，方便收藏和打印

点击下载文档

文档为doc格式

相

关

案

例

相关推荐

推荐内容

react面试整理 UVM实战指南第3部分 UVM实战指南——第3部分复习进程 ERP-系统原理和实施-期末复习题 DevEpress控件的treeList完整小案例 vfp表单和控件练习题 TCM结构化工艺管理系统技术方案控件在PowerPoint中的应用考试样题及重点 Android应用开发基础习题