vue2.0组件间通信

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 条评论
登录 后参与评论

相关文章

来自专栏十月梦想

CSS三种表现形式

802
来自专栏逸鹏说道

【兼容写法】HttpServerUtility.Execute 在等待异步操作完成时被阻止。关键词:MVC,分布视图,异步

异常处理汇总-后端系列 http://www.cnblogs.com/dunitian/p/4523006.html MVC6之前的版本,对分部视图的异步支持不...

3486
来自专栏Java Edge

Spring Data JPA踩坑记:与Bootstrap Table的分页协作@PersistenceContext和@Resource的区别

注入一堆保存实体类状态的数据结构,针对实体类的不同状态(四种,managedh或detached等)可以做出不同的反应(merge,persist等等),其实就...

921
来自专栏Java成神之路

Java微信开发_03_使用测试号进行开发

今天进行自定义菜单的开发时,发现公众号没有自定义菜单的权限。于是想到用测试号,但微信服务器如何区分你要请求的是公众号还是测试号呢。

523
来自专栏IMWeb前端团队

让fetch也可以timeout

本文作者:IMWeb zzbozheng 原文出处:IMWeb社区 未经同意,禁止转载 原生的HTML5 API fetch并不支持timeout属性...

2035
来自专栏逸鹏说道

今天有群友不是很清楚htm直接存数据库的危害,我简单举个例子

通过这个案例就知道为什么不要把原生的html放数据库了 常见的几种转码 ? 常用的几种显示方法 ? 只有原生html和最下面一种弹框了,变成了持久xss ...

2867
来自专栏jianhuicode

上手React Native--常用属性介绍

这几天打算学习并实践ReactNative,学习记录中有不对的地方请大家指出来,互相交流。(-_-)   关于学习ReactNative需要准备的基础知识,①...

2047
来自专栏河湾欢儿的专栏

4.页面优化

为什么要优化? 优化的好处 1.提升网页响应速度 2.有利于搜索引擎搜索 3.对后期维护比较方便

732
来自专栏天天

图片库

672
来自专栏编程微刊

Vue.js如何划分组件

1321

扫码关注云+社区