vue传值以及调用方法

1.组件传值

　　a.父==>子

　　　　a.1:父组件里面引入子组件，<div :op="sonOp"></div> ==>给sonOp进行赋值。

　　　　a.2:子组件<div :op="op"></div>在props:{op:{type:这里写父组件传输过来的类型}}接受父组件的值。

　　b.子==>父

　　　　b.1:子组件，<div @on-click="addClick"></div> ==>在methods:{addClick(){ this.$emit('add-click', '')}}。

　　　　b.2:父组件里面引入子组件，<div @add-click'="addChange'"></div> ==>在methods:{addChange(item){  这里写子组件传值过来需要干的事情  }}。

　　c.同级

　　　　可以通过创建Vue实例js文件 

　　　　import Vue from 'vue';

　　　　let bus = new Vue();

　　　　export default bus;

　　　　需要传值和接受的地方引入import Bus from '@/xxx/bus'

　　　　Bus.$emit(方法名', 参数) ==>发送

　　　　Bus.$on(方法名', function(参数) {}) ==>接收

　　d.可以通过vuex传值

2.调用方法

　　a.父调用子==>给子组件设定一个ref值，this.$ref.ref设定值.方法名

　　a.子调用父==>this.$parent.initGridData()