vue组件传值有什么方法

这篇文章主要为大家展示了“vue组件传值有什么方法”，内容简而易懂，条理清晰，希望能够帮助大家解决疑惑，下面让小编带领大家一起研究并学习一下“vue组件传值有什么方法”这篇文章吧。

成都创新互联公司是一家业务范围包括IDC托管业务,网站空间、主机租用、主机托管，四川、重庆、广东电信服务器租用,四川移动机房托管，成都网通服务器托管,成都服务器租用,业务范围遍及中国大陆、港澳台以及欧美等多个国家及地区的互联网数据服务公司。

vue组件传值的五种方法：1、父组件向子组件进行传值；2、子组件向父组件进行传值；3、相邻兄弟组件间进行传参；4、远兄弟组件间进行传参；5、EventBus传参。

本教程操作环境：windows7系统、vue2.9.6版，DELL G3电脑。

Vue的通信方式，也可以说是传参方式：

• 父组件向子组件进行传值：

• 子组件向父组件进行传值：

• 相邻兄弟组件间进行传参（亲兄弟）

• 远兄弟传参（表兄弟）

• EventBus传参

一、父子传参

原理：父控制子，通过子组件的props属性，抛出子组件自定义标签属性，来接收父组件的操作状态
例子：父级里的一个按钮，控制子组件里的一个p的显示隐藏

    
    





    
    
        父按钮