helloilya Dec 27 2020 at 20:18

Какой будет новая версия Vuex?

7 min

5.9K

Website development*JavaScript*VueJS*TypeScript*

Translation

Comments 4

DmitryKazakov8 Dec 28 2020 at 00:31

Эх, мне было бы приятней видеть еще большее упрощение:

export const counterStore = defineStore({
  count: 0,

  get double() {
    return this.count * 2
  }

  increment() {
    this.count++
  }
})

counterStore.increment()

Выделение в отдельные getters и actions выглядит лишним, тем более, что вызываются они просто от корня стора. Но уже намного лучше, чем в прошлой версии

MaZaAa Dec 28 2020 at 17:26

Не, вот же

export class CounterStore {
  @observable count = 0;

  get double() {
    return this.count * 2;
  }

  increment() {
    this.count++;
  }
}

AndrewRusinas Dec 28 2020 at 17:59

Так можно? Выглядит круто. В доке не видел, можно ссылку?)

MaZaAa Dec 28 2020 at 18:46

В Vuex к сожалению до этого ещё не додумались, это есть уже многие годы в MobX'e.

mobx.js.org/README.html

codesandbox.io/s/epic-cdn-71111?file=/src/App.tsx

Его тоже можно с Vue использовать, но обычно его берут в связку с реактом.
Может быть когда ни будь и Vuex дойдет до человеческого описания реактивных свойств объекта в классе с использованием декораторов.

Show the best of all time