一个vue页面有user_name变量，我想在另一个vue页面更改这个user_name变量的值，如何操作

在Vue中，如果你想要在一个组件（A）更改另一个组件（B）中的变量，这通常涉及到两个组件之间的数据传递。这里有两种常见的方式：

1. **props和methods**:
如果你是在父子组件之间共享数据，可以使用`props`。在父组件(A)中设置`user_name`，然后作为prop传给子组件(B)，在子组件内部可以使用`this.$emit('update:user_name', newValue)`触发父组件更新用户名。

示例（A组件）:

   <template>
     <b-user-name :user_name="user_name" @updateUserName="handleUserNameUpdate"></b-user-name>
   </template>

   <script>
   export default {
     props: {
       user_name: {
         type: String,
         default: '',
       },
     },
     methods: {
       handleUserNameUpdate(value) {
         this.user_name = value;
       }
     },
   }
   </script>

示例（B组件）:

   <template>
     <input v-model="user_name" @input="$emit('update:user_name', user_name)">
   </template>

2. **Vuex** (推荐):
如果数据需要在整个应用共享，并且需要状态管理和控制，那么建议使用Vuex。将`user_name`存储在Vuex store中，这样任何地方都可以通过`this.$store.state`或`this.$store.commit('setName', newValue)`来更改它。

以上两种方法的选择取决于你的应用需求和复杂度。如果只需要在单一层次间共享数据，`props`足够；如果需要更复杂的场景，如状态管理和同步，就该考虑Vuex了。