在父組件中，直接獲取子組件數據-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: '小米'
    }
  }
}