Question

我正在开发一个简单的应用程序，我在其中设置了我想在开发中使用的一个consts列表。所以我创建了一个这样的文件：

consts.js

export default {
MAX_HEALTH: 100,
MAX_HEALTH_PERCENTAGE: '100%',
ATTACK_FLAG: 1,
HEALTH_FLAG: -1,
PERCENTAGE: '%',
ATTACK_MIN_RANGE: 1,
ATTACK_YOU_MAX_RANGE: 10,
ATTACK_MONSTER_MAX_RANGE: 7,
SPECIAL_ATTACK_MIN_RANGE: 5,
SPECIAL_ATTACK_YOU_MAX_RANGE:12,
HEAL_MIN_RANGE: 1,
HEAL_MAX_RANGE: 10

}

我希望在vue实例的单独文件中访问consts：

window.onload = function () {
    new Vue({
        el: '#appMonster',
        data: {
            startClicked: false,
            monsterLife: {
                width: '100%',
                life: 100
            },
            youLife: {
                width: '100%',
                life: 100
            }
        },
        methods: {
...

例如内部方法，我该怎么做？

我已经尝试在之前和之后的导入 onload，但我总是会收到此错误：意外标识符，有什么方法可以解决此问题吗？

我没有使用webpack，我只是使用vue实例访问vue脚本cdn并使用基本脚本导入。

谢谢

Answer 1

我没有使用webpack，我只是使用vue实例访问vue脚本cdn并使用基本脚本导入。

如果是这种情况，请不要使用clickLinkName / import。只是：

<强> consts.js：

export

其他文件，如果您之前导入const constants = { MAX_HEALTH: 100, MAX_HEALTH_PERCENTAGE: '100%', ATTACK_FLAG: 1, HEALTH_FLAG: -1, PERCENTAGE: '%', ATTACK_MIN_RANGE: 1, ATTACK_YOU_MAX_RANGE: 10, ATTACK_MONSTER_MAX_RANGE: 7, SPECIAL_ATTACK_MIN_RANGE: 5, SPECIAL_ATTACK_YOU_MAX_RANGE:12, HEAL_MIN_RANGE: 1, HEAL_MAX_RANGE: 10 }，只需执行以下操作：

<script src="consts.js"></script>

请参阅plunker demo here。

访问vue实例上的外部js文件

1 个答案: