Используя это. $ Установить в качестве вычисляемого / наблюдаемого свойства в Vue

Question

До сих пор я использовал this.$set для изменения значения одного геттера из хранилища vuex с помощью переменной состояния (из хранилища vuex).

Поэтому, когда мой компонент был смонтирован, я изменил эти данные с помощью другое значение:

mounted () {
   this.$set(this.linedata[0].chartOptions.xAxis,"categories",this.dates)
}

Теперь я решил, что мне нужно обновлять эти данные всякий раз, когда переменная this.dates изменяется, но ввод с использованием:

computed: {
   this.$set(this.linedata[0].chartOptions.xAxis,"categories",this.dates) 
}

не работает, поэтому мне интересно, что Я мог бы сделать, чтобы установить значение первой переменной при изменении второй?

РЕДАКТИРОВАТЬ: Таким образом, чтобы быть понятным, this.dates значение обновляется после того, как вызов API заканчивается sh и ответ получен. Поэтому, когда это изменится, мне нужно обновить значение this.linedata[0].chartOptions.xAxis.categories новым значением this.dates

Answer 1

вместо вычисленных вы должны использовать секцию watch следующим образом:

watch: {
   dates (newValue, oldValue) {
     this.$set(this.linedata[0].chartOptions.xAxis,"categories",this.dates)
   }
}