在vue组件中使用纯js变量
在vue组件中使用纯js变量
提问于 2019-12-07 21:44:43
我用的是腊肉配酒。在“资产”文件夹中，我使用变量创建了bra.js文件。
var name="John"然后在main.js中我添加了bra.js
require('./bra');我想像下面这样在component.vue中使用var名称，但我不能。
<template>
<div>
<p> {{ name }}</p>
</div>
</template>请帮帮忙。
回答 2
Stack Overflow用户
回答已采纳
发布于 2019-12-08 00:48:03
模板中可变的可见性：
<template>
<span>{{ variableVisibleInTemplate }}</span>
</template>
<script>
export default {
data() {
return {
variableVisibleInTemplate: variableVisibleInScript
};
}
};
</script>示例1：
您只返回一个变量。
src/assets/bra.js
var name = "John";
module.exports = name;src/App.vue
<template>
<span>{{ name }}</span>
</template>
<script>
import name from "./assets/bra.js";
// or:
// const name = require("./assets/bra.js");
export default {
data() {
return {
name: name
};
}
};
</script>示例2
返回许多变量。
src/assets/bra.js
var name = "John";
module.exports = {
name: name
};src/App.vue
<template>
<span>{{ name }}</span>
</template>
<script>
import { name } from "./assets/bra.js";
// or:
// const { name } = require("./assets/bra.js");
export default {
data() {
return {
name: name
};
}
};
</script>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/59230511
复制相关文章
相似问题
腾讯云开发者
