vue2中父组件获取子组件的值

在Vue2中，父组件可以通过使用ref来获取子组件的值。首先，在父组件中，调用子组件时需要定义一个ref属性，例如`<child-list ref="childMethod" :parentListClick="parent"></child-list>`。然后，可以通过`this.$refs.childMethod`来访问子组件的属性和方法。例如，通过`this.$refs.childMethod.child`可以获取子组件的属性值。此外，可以使用`this.$refs.childMethod.childClick()`来调用子组件的方法。

参考代码如下：

// 父组件
export default {
  data() {
    return {
      parent: '我是父组件中的属性!'
    }
  },
  methods: {
    prentClick() {
      this.$refs.childMethod.haizi();
      console.log(this.$refs.childMethod.child);
    },
    parentList() {
      console.log('我是父组件中的方法!');
    }
  },
  created() {}
}

// 子组件
export default {
  props: ['parentListClick'],
  data() {
    return {
      child: '我是子组件中的属性!'
    }
  },
  methods: {
    haizi() {
      console.log('我是子组件中的方法!');
    },
    childClick() {
      this.$parent.parentList();
      console.log(this.$parent.parent);
      console.log('------', this.parentListClick);
    }
  },
  created() {}
}