vue的组件通信 父传子 -- 子传父-- 兄弟组件的传值 vue的组件传值

首先文字简单撸一下vue

父子传子   -------首先在父组件上绑定一个属性,在子组件里用props接收,能够是数组或者是对象数组

子传父   ------在父组件升上自定义一个方法,在子组件里经过this.$emit("父组件上的方法名",a)     /-------a------/表明须要传递的参数       
this

兄弟组件通信   须要建立一个公共的vue 实例, new vue()   spa

在main.js里 书写Vue.prototype .com=new vue()    经过prototype添加到vue实例中      com是本身添加的属性
prototype

一、父传子对象

二、子传父blog

 

三、兄弟组件通信it

兄弟组件1方法

兄弟组件2im

组件通信是vue里比较重要,并且经常使用的东西,须要掌握好

相关文章
相关标签/搜索