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

相关文章

来自专栏菜鸟计划

vue组件详解(三)——组件通信

组件之间通信可以用下图表示: ? 组件关系可分为父子组件通信、兄弟组件通信、跨级组件通信。 一、自定义事件 当子组件需要向父组件传递数据时,就要用到自定义事件。...

4944
来自专栏郭耀华‘s Blog

NetBeans的(默认)快捷键

NetBeans的(默认)快捷键 1、完成代码:ctrl+\ //任何地方按下此组合键,均会提示相应的参考字段;  2、错误提示:alt + enter /...

2926
来自专栏快乐八哥

自定义的html radio button的样式

设计要求效果如下: ? <!-- .csharpcode, .csharpcode pre { font-size: small; color: black...

2216
来自专栏韩东吉的Unity杂货铺

零基础入门 15: UGUI Button

按钮对于一个应用或者游戏来说。必不可少,今天这篇分享,来说下UGUI里的按钮,Button组件。

1441
来自专栏从零开始学自动化测试

Selenium2+python自动化35-获取元素属性

前言 通常在做断言之前,都要先获取界面上元素的属性,然后与期望结果对比。本篇介绍几种常见的获取元素属性方法。 一、获取页面title 1.有很多小伙伴都不知道t...

3325
来自专栏无原型不设计

在 Mockplus 设置页面链接,实现页面交互

在Mockplus中,可以轻松设置页面链接,方法有二:   一、直接拖拽 1 点击某个组件,此时组件上方出现小工具栏。 2 拖拽(点击后不放手)小工具栏...

2927
来自专栏前端儿

CSS布局 -- 左侧定宽,右侧自适应

1432
来自专栏JetpropelledSnake

Python入门之Pycharm开发中最常用快捷键

2832
来自专栏林冠宏的技术文章

Golang 编写的图片压缩程序,质量、尺寸压缩,批量、单张压缩

目录:   前序   效果图   简介   全部代码 前序: 接触 golang 不久,一直是边学边做,边总结,深深感到这门语言的魅力,等下要跟大家分享是最近...

86110
来自专栏吾爱乐享

php学习之html属性-框架(八)

1943

扫码关注云+社区

领取腾讯云代金券