在 vue 中实例化一个自定义类

Question

我正在尝试使用 Babel 和 Webpack 学习 Vue。 我创建了一个自定义类，并且已经在我的自定义组件中进行了导入，这应该可以工作，因为我可以 console.log 它？ 当然这只是日志中的废话，但是当我尝试实例化它时，vue正在崩溃。

这是组件文件中的代码。

<script>
    import Data1 from '../model/Data1.js';

    let testData1 = new Data1();

    console.log(Data1);
    console.log("test");


    export default {
        name: 'Test2',
        props: {
            msg: String,
            test: String,
        },
        data: function () {

            return {
                Data2: ["1", "2"],
                OK: true,
                testData1: testData1,
            }
        }
    }
</script>

这是我的自定义类

class Data1 {
    constructor() {
        this.myArray = ["a", "b", "c"];
    }
}

export default {
    Data1
}

是我遗漏了什么，还是导出错误？

Answer 1

此代码中有多个问题。

1. 导入不需要使用.js

   import Data1 from '../model/Data1';

---

1. 初始化一个末尾有括号的类（它是一个常量）

   const testData1 = new Data1();

---

1. 您可以在不使用对象的情况下导出类。

   export default Data1;