如果我是通过组件导入的方式的话，也就是两个VUE文件，这个方法行不通，还有其他的方法吗

如果你是使用 Vue 的组件导入方式，那么可以考虑使用 Vuex 来进行状态管理。在 Vuex 中，你可以定义一个全局的状态对象，并且在需要通信的组件中使用 Vuex 的 API 来访问和修改这个状态对象。这样就可以实现组件之间的通信。

具体来说，你可以在 Vuex 中定义一个 state 对象：

// store.js

import Vue from 'vue'
import Vuex from 'vuex'

Vue.use(Vuex)

const store = new Vuex.Store({
  state: {
    message: ''
  },
  mutations: {
    setMessage(state, message) {
      state.message = message
    }
  }
})

export default store

然后，在需要通信的组件中，你可以使用 mapState 和 mapMutations 来访问和修改这个 state 对象：

// ComponentA.vue

<template>
  <div>
    <input v-model="message" @input="updateMessage">
    <p>{{ message }}</p>
  </div>
</template>

<script>
import { mapState, mapMutations } from 'vuex'

export default {
  computed: {
    ...mapState(['message'])
  },
  methods: {
    ...mapMutations(['setMessage']),
    updateMessage(event) {
      this.setMessage(event.target.value)
    }
  }
}
</script>

// ComponentB.vue

<template>
  <div>
    <p>{{ message }}</p>
  </div>
</template>

<script>
import { mapState } from 'vuex'

export default {
  computed: {
    ...mapState(['message'])
  }
}
</script>

在这个例子中，ComponentA 中的输入框通过 v-model 绑定了一个名为 message 的变量，并且在输入框的输入事件中调用了 updateMessage 方法，该方法使用 mapMutations 把 setMessage 映射到组件的方法中，然后通过 this.setMessage 方法来修改 state 中的 message 变量。而 ComponentB 中则通过 mapState 把 message 映射到组件的计算属性中，并且直接渲染了 message 变量。这样就实现了 ComponentA 和 ComponentB 之间的通信。