vue 中的父子组件传值

1. 父组件给子组件传值:

vue中父组件给子组件传值使用的是props;

1.首先在我的父组件中引入我的子组件:


然后将组件挂载注册,在template中引用:

在我的子组件中使用props:


2. 子组件给父组件传值:子组件传值给父组件利用事件绑定:在我的父组件中:



©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 组件(Component)是Vue.js最核心的功能,也是整个架构设计最精彩的地方,当然也是最难掌握的。...
    六个周阅读 5,656评论 0 32
  • 这篇笔记主要包含 Vue 2 不同于 Vue 1 或者特有的内容,还有我对于 Vue 1.0 印象不深的内容。关于...
    云之外阅读 5,082评论 0 29
  • vue概述 在官方文档中,有一句话对Vue的定位说的很明确:Vue.js 的核心是一个允许采用简洁的模板语法来声明...
    li4065阅读 7,280评论 0 25
  • 在这一节里,我们将会了解到Vue的组件,理解组件是如何工作的,并利用一系列的例子证明,用组件化的思想开发项目,会给...
    嘉宝_Appian阅读 3,290评论 6 17
  • 我与你告别 用最欢快的方式,初生的嫩蕊托着害羞的脸庞,天边的飞鸟携着青涩的吻在春天流浪。 我与你告别 用最热情的方...
    牧羊少女mo阅读 246评论 0 2