在父组件中，直接获取子组件数据-vue

1、通过 $ref 获取

主父组件中：
<x-test  ref="ch"></x-test>
import XTest from '@/components/x-test/x-test'
export default {
  mounted() {
    console.log(this.$refs.ch.searchProduct)
  },
  components: {
    XTest
  }
}
在子组件中：
export default {
  data () {
    return {
      searchProduct: '小米'
    }
  }
}