Реактивно ли computed свойство с get() и set()?

Question

[Сергей Соколов]

В компоненте Vue есть computed свойство, которому понадобилось добавить ещё и сеттер. Но почему-то цвет кнопки, зависящий от этого свойства, не меняется после его изменения. Реактивность сломалась.

Внутри методов идёт работа со свойством из внешнего модуля.

Так и должно быть или я где-то накосячил?
Пример:

Comments

[alex]

код бы

[Сергей Соколов]

Alex, добавил топорный пример. Кнопка должна бы менять название.

[alex]

Сергей Соколов,

Реактивность сломалась

то, чего нет, не может сломаться

Answer 1

[alex]

у вас объект state не реактивный. что бы он таковым был его нужно либо инициализировать в data:

const comp = Vue.component('comp', {
  ...
  data() {
  	return state
  },
  ...
})

либо сделать так:

const state = Vue.observable({ z: false });
const comp = Vue.component('comp', {
...

Comments

[Сергей Соколов]

понял, спасибо!