Какую лучше использовать структуру vuejs с моделями?

Question

[developer007]

Person.js:

class Person {
  constructor(name) {
    this.name = name;
  }

  sayName() {
    console.log('Person ${this.name} said his name');
  }
}
export default Person;

Далее в index.vue
я импортирую этот класс
import Person from "Person";
и использую

Правильный ли это подход? т.к в js файл Person.js будет считаться МОДУЛЕМ
Как лучше ?
Где можно почитать про использование моделей и vuejs например ?

Answer 1

[Роман]

В целом, Vue по своей идеалогии близок к ООП.
В своем проекте, я использую классы вместе с Vuex следующим образом:

Допустим, Вам приходит с сервера массив персон. Перед тем, как положить его в стейт (Vuex), я пробегаюсь по массиву и для каждой записи создаю инстанс класса Person.
И в тех местах, где я буду получать эти записи из стора (Vuex), я могу вызывать методы класса, тот же sayName из вашего примера.

Для меня такой подход чище, чем в сторе Персон объявлять геттер, или выносить в миксины такую функцию и потом подмешивать в нужные компоненты.

Answer 2

[Константин Китманов]

Официальный путь управления состоянием во vue.js это vuex.
А без хорошего понимания механизмов реактивности во vue.js самодельные решения доставят только боль.

Answer 3

[GrigoriyGrigoriy]

Посмотрите на это решение: https://github.com/FiguredLimited/vue-mc

Answer 4

[bro-dev]

Каждая модель, это модуль vuex, получается очень аккуратно.

Answer 5

[mrFlyer]

Вроде интересное решение на базе VUEX

https://github.com/vuex-orm/vuex-orm

Бегает в том числе и под Nuxt, в отличие от vue-mc.

Answer 6

[Moe Green]

Не совсем понятно, для чего Вам такой подход? Впервые такое вижу применительно к Vue.js, если честно.