加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

Vue三种常用传值示例(父传子、子传父、非父子)

发布时间:2020-12-17 02:16:15 所属栏目:百科 来源:网络整理
导读:1、父组件向子组件进行传值: 父组件: 父组件: 子组件: 子组件: {{inputName}} 2.子组件向父组件传值 子组件: 子组件: {{childValue}} 父组件: 父组件: {{name}} 3.非父子组件进行传值。(非父子组件之间传值,需要定义个公共的公共实例文件bus.js,作为

1、父组件向子组件进行传值:

父组件:

父组件:

子组件:

子组件: {{inputName}}

2.子组件向父组件传值

子组件:

子组件: {{childValue}}

父组件:

父组件: {{name}}

3.非父子组件进行传值。(非父子组件之间传值,需要定义个公共的公共实例文件bus.js,作为中间仓库来传值,不然路由组件之间达不到传值的效果。)

公共bus.js

组件A:

A组件: {{elementValue}}

组件B:

B组件: {{name}}

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程之家。

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读