vue中的自定义业务对象

Question

我是 vue 新手，有几个关于在我的 vue 单页组件中使用简单业务对象的问题。让我们留下一个名为 ResultCalculator 的对象。这是一个简单的 javascript 类，其中包含用于计算某些内容的核心业务逻辑。现在假设我想在我的 Home.vue 组件中使用这个对象。我的问题是：

1) 最好的做法是简单地创建一个名为 ResultCalculator.js 的新文件和

export default class ResultCalculator {...}

2) 为了将它导入 Home.vue，我使用了来自 '....ResultCalculator.js' 的 import ResultCalculator

3) 在我的创建方法中，我只是新建了一个新对象并将其分配给this.resultCalculator。

以上内容对我有用，但这是最佳做法吗？

4) 现在我想引用 vuex 状态存储中的一些数据。我似乎并没有简单地使用this.$store.getter。这个组件中如何引用vuex？

谢谢

Answer 1

当然，只需创建一个 js 文件并将其导入到您的 .vue 文件中，这没有什么问题。

您不能使用this.$store，因为在ResultCalculator.js 中this 不是vue。您可以将 this.$store 作为参数传递，或者只是将您的商店导入 ResultCalculator.js