Пользовательские бизнес-объекты в VUE

Question

Я новичок в vue и у меня есть несколько вопросов об использовании простого бизнес-объекта в моих одностраничных компонентах vue. Давайте останемся, у меня есть объект под названием ResultCalculator. Это простой класс javascript, который содержит основную бизнес-логику для вычисления чего-либо. Теперь предположим, что я хочу использовать этот объект в моем компоненте Home.vue. Мои вопросы:

1) Лучше всего просто создать новый файл с именем ResultCalculator.js и

export default class ResultCalculator {...}

2) Чтобы импортировать это в Home.vue, я использую ResultCalculator из '....ResultCalculator.js'

3) В моем методе создания я просто создаю новый объект и назначаю ему this.resultCalculator.

Вышесказанное работает для меня, но лучше ли это практиковать?

4) Теперь я хотел бы сослаться на некоторые данные в хранилище состояний vuex. Кажется, я просто не использую this.$store.getter. Как мне ссылаться на vuex в этом компоненте?

Спасибо

Answer 1

Конечно, просто создайте файл js и импортируйте его в свои файлы .vue, в этом нет ничего плохого.

Вы не можете использовать this.$store, потому что в ResultCalculator.js this не vue. Вы можете передать this.$store в качестве аргумента или просто импортировать свой магазин в ResultCalculator.js