如何在vuejs组件中的导入路径中使用变量？

Question

这是代码看起来像

的组件

<template>
<div>
  <app-footer :footer="footerData"></app-footer> 
</div>

</template>

<script>
import footer from '../../themes/{variable}/template/footer'
 
export default {
    components: {
      'app-footer': footer
    },
    data() {
      return {
        footerData: {
           
        }
      }
    },
    methods: { 
    },
    created() { 
    }
}
</script>

这当然不起作用。我只是告诉你我想要变量的地方。我想使用beforeEnter方法从此组件外部或路由器文件中传递此变量的值。或者我想通过http请求从服务器获取值。有没有办法做到这一点？