vue-pure-admin 在vue页面中如何增加变量

Vue-Pure-Admin是一个基于Vue.js的轻量级后台管理模板，如果你想在其中添加自定义变量，你可以按照以下步骤操作：

1. **全局变量**：如果需要在整个项目中共享的变量，可以在`src/config`下的`store.js`或`global.js`文件中创建并导出一个对象。例如：

// global.js
export default {
  customVariable: '这是你的全局变量'
}

然后在其他组件中通过`import`引入并使用。

2. **组件局部变量**：在每个具体的组件中，你可以在data选项中声明：

// SomeComponent.vue
<template>
  <div>
    {{ customVariable }}
    <!-- 其他内容 -->
  </div>
</template>

<script>
export default {
  data() {
    return {
      localVariable: this.$parent.customVariable // 如果你想访问父组件的变量
    }
  }
}
</script>

3. **响应式属性**：如果你想要的数据是响应式的，并且需要在视图更新时自动同步，可以使用计算属性（computed）：

<template>
  <div>{{ getMyValue }}</div>
</template>

<script>
export default {
  computed: {
    getMyValue() {
      return this.customVariable + ' (from computed)'
    }
  },
  data() {
    return {
      customVariable: ''
    }
  }
}
</script>

记住，`this.$parent`通常用于访问上一层级别的组件实例，而`this.$root`则可以访问整个应用树的根节点。