vue项目获取vue界面文本中输入的值并缓存进行跨vue.js文件被读取

在Vue项目中，如果你想获取界面上文本框（如`<input>`元素）的输入值，并将它缓存以便在其他Vue.js文件中读取，你可以使用Vuex状态管理库。Vuex可以让你在整个应用中共享数据，包括存储像输入值这样的临时信息。

首先，在`store/index.js`或其他合适的地方创建一个状态（state）来存储输入值：

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

Vue.use(Vuex)

export default new Vuex.Store({
  state: {
    inputValue: null
  },
  mutations: {
    setInputValue(state, value) {
      state.inputValue = value
    }
  },
  getters: {
    getInputValue: state => state.inputValue
  }
})

在需要输入的组件里，你可以通过`this.$store.commit('setInputValue', inputValue)`来更新输入值，`this.$store.getters.getInputValue`则可以获取当前的输入值。

在另一个Vue组件中，如果你想读取这个输入值，只需要引入该store并使用getter：

computed: {
  inputValueFromStore() {
    return this.$store.getters.getInputValue
  }
}

现在，输入值就会被缓存在Vuex的状态中，可以被整个应用中的所有Vue组件访问。