javascript - 将变量导入vue文件

Question

我需要将一些变量导入到 vue 组件文件中。我是这样做的:

require('imports-loader?myVar=>{test:12345}!./my-com.vue');

结果我得到 [Vue warn]: Error in render function: "ReferenceError: myVar is not defined"

我知道 props，但我想传递一个变量。

这里是“my-com.vue”:

<template>
  <div>...</div>
</template>
<script>
  console.log(myVar); // <--- here I get vue warn
  export default {
    props:['rows'],
    ...
  }
</script>

从这里导入:

module.exports = function(params){
  return function(resolve, reject){
    resolve({
      components:{
        'my-com': require('imports-loader?myVar=>{test:12345}!./my-com.vue')
      },
      ...
    })
  }
}

我哪里错了？
如何将变量导入 vue 组件文件？

提前致谢。

Answer 1

你可以使用import语句

<script>
  import { myVar } from './path_to_the_file'
  console.log(myVar); 
  export default {
    props:['rows'],
    ...
  }
</script> 

确保您使用其他文件中的导出语句来导出 myVar，如下所示:

export var myVar = 'my variable';