专栏首页前端之路–vue2.0父子组件及非父子组件间实现通信

–vue2.0父子组件及非父子组件间实现通信

tags: css categories: 教程

author: “JiaWei”

vue2.0父子组件及非父子组件间实现通信

1. 父组件与子组件通信

父组件

子组件通过props来接收数据: 格式1: props: ['childMsg'] 格式2 : props: { childMsg: Array //指定传入的类型 } 格式3: props: { childMsg: { type: Array, default: [0,0,0] //指定默认的值 } }

###2.子组件与父组件通信 在vue中是不允许子组件直接修改父组件的值,在vue中只允许单向数据传递

子组件:

父组件:

PS vue2.3可以使用.sync修饰符进行子组件改变props值(注意这里是改变。想使用props值的话通过computed进行处理) 3.非父子组件间通信 创建事件中心

组件1触发:

组件2接收:

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • vue2.0组件间通信

    大象无痕
  • 微博图床

    大象无痕
  • –微博图床

    大象无痕
  • 大话大前端时代(一) —— Vue 与 iOS 的组件化

    今年大前端的概念一而再再而三的被提及,那么大前端时代究竟是什么呢?大前端这个词最早是因为在阿里内部有很多前端开发人员既写前端又写 Java 的 Velocity...

    一缕殇流化隐半边冰霜
  • vue 组件使用中的细节点

    有些 HTML 元素,诸如 <ul>、<ol>、<table> 和 <select>,对于哪些元素可以出现在其内部是有严格限制的。而有些元素,诸如 <li>、<...

    吴裕超
  • vue2.0组件间通信

    大象无痕
  • Android组件化架构实践

    从工程领域来看,模块化、组件化、插件化三种技术都是指将复杂代码进行拆分,达到解偶分层、便于管理的目的。普遍意义上,将代码按照业务模块划分就是模块化,如果再进一步...

    Android技术干货分享
  • 你不可不知道的React生命周期

    咱今天聊的话题是React生命周期,灵感来自于最近在网上发现一篇关于react生命周期的文章,里面记录的知识点竟然与小编所get到的有出入。作为一名集正义、智慧...

    ConardLi
  • 如何开发中后台项目

    工作中的你,是不是手上做着后台系统项目,应对着做不完的需求,觉得做后台系统是个没有技术含量的活,技术没法提升,这么想或许你就错了,如果能做以到以下几点,不仅可以...

    用户1741436
  • 【译】选择Bit.dev构建组件库的15个理由

    2019年的时候,UI组件库在普及度上有了巨大的飞跃。当然这并不多么令人惊奇,因为像Uber、Airbnb、Booking等等公司都在通过共享的UI组件来保证其...

    腾讯IVWEB团队

扫码关注云+社区

领取腾讯云代金券