將變量導入到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> 

確保使用另一個文件中的export語句來導出myVar如下所示：

export var myVar = 'my variable';