vue2中怎么让app.vue中的变量能够在其他页面使用

在Vue2中，可以使用VueX来实现在不同组件之间共享状态，包括在App.vue中声明的变量。具体步骤如下：

1. 安装VueX：在项目目录下执行命令`npm install vuex --save`来安装VueX。

2. 在src目录下创建一个store目录，在store目录下创建一个index.js文件。在index.js中实例化一个VueX的store。

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

Vue.use(Vuex)

export default new Vuex.Store({
  state: {
    // 在这里声明你需要共享的状态
    count: 0
  },
  mutations: {
    // 在这里定义修改状态的方法
    increment (state) {
      state.count++
    }
  }
})

3. 在main.js中引入store，并将store注入到Vue实例中。

import Vue from 'vue'
import App from './App.vue'
import store from './store'

new Vue({
  store,
  render: h => h(App),
}).$mount('#app')

4. 在需要使用共享状态的组件中，使用mapState和mapMutations辅助函数分别获取状态和修改状态的方法。

<template>
  <div>
    <p>{{ count }}</p>
    <button @click="increment">+1</button>
  </div>
</template>

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

export default {
  computed: {
    ...mapState({
      count: state => state.count
    })
  },
  methods: {
    ...mapMutations([
      'increment'
    ])
  }
}
</script>

这样，在不同组件中就可以共享App.vue中声明的变量了。