如何在已注册vue路由器组件之外的组件中获取$auth值

在已注册的Vue路由器组件之外的组件中获取$auth值，可以通过Vue的全局混入（mixin）功能来实现。

首先，在Vue的入口文件（通常是main.js）中，创建一个全局混入对象，命名为authMixin，其中定义一个created生命周期钩子函数。在该钩子函数中，可以通过this.$router.currentRoute.meta.auth获取当前路由的meta字段中的auth值，并将其赋值给组件的$auth属性。

// main.js

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

Vue.mixin({
  created() {
    this.$auth = this.$router.currentRoute.meta.auth
  }
})

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

接下来，在需要获取$auth值的组件中，可以直接通过this.$auth来获取该值。

// YourComponent.vue

export default {
  created() {
    console.log(this.$auth) // 输出$auth的值
  }
}

这样，无论是在已注册的Vue路由器组件中，还是在其他组件中，都可以通过this.$auth来获取到$auth的值。

需要注意的是，该方法是通过Vue的全局混入实现的，因此在组件中使用this.$auth时，需要确保已经注册了Vue实例。另外，$auth的值是根据当前路由的meta字段中的auth值来获取的，因此在定义路由时，需要在meta字段中设置相应的auth值。

这是一个基本的实现方法，具体的应用场景和推荐的腾讯云相关产品和产品介绍链接地址，可以根据具体需求和情况进行选择和配置。