vue中组件之间的通信

父组件传参给子组件

通过在父组件中定义props属性，将数据传递给子组件。子组件通过props属性接收数据

v-bind 传递数据给子组件

@传递方法给子组件

ref 调用子组件的方法

      <case-list v-bind="{nodeclickData:nodeclickData,defaultGroup:defaultGroup}"
                 @openhanlde="openCase"
                 ref="casechild"
      ></case-list>




import caseList from '../components/common/caseList.vue';


export default {
	components: {
    caseList
	},
      // 子组件的传参
     openCase(val){
      this.currentNode = 'addcase';
      this.func(val)
    },

      // 调用子组件方法
      this.$refs.casechild.getAllCases(params);

子组件中，通过this.nodeclickData 直接调用

通过emit 调用父组件的方法 this.$emit('openhanlde',val) 和 父组件中的@方法保持一致，val是携带的参数，在父组件中，可以直接使用

  props:['nodeclickData','defaultGroup'],