[英]Importing variable to vue file
我需要导入一些变量以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组件文件?
提前致谢。
您可以使用import
语句
<script>
import { myVar } from './path_to_the_file'
console.log(myVar);
export default {
props:['rows'],
...
}
</script>
确保使用另一个文件中的export语句来导出myVar
如下所示:
export var myVar = 'my variable';
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.