Vue中的自定义业务对象

Question

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

1）最佳做法是简单地创建一个名为ResultCalculator.js和

的新文件

export default class ResultCalculator {...}

2）为了将其导入Home.vue，我使用了'....ResultCalculator.js'

中的import ResultCalculator

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

上面的方法对我有用，但这是最佳实践吗？

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

谢谢

Answer 1

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

您不能使用this.$store，因为在ResultCalculator.js中this不可用。您可以将this.$store作为参数传递，也可以仅将商店导入ResultCalculator.js