Что за ошибка вычисляемого свойства Unexpected side effect in computed property?

Question

[Androbim]

Доброго времени суток!
Вот такая проблема.

Вот код:

data() {
    return {
      messagesforuser:[],
      newmessagesforchat: []
    };
  },
computed: {
  ...
    messagesforuserReverse: function() {
       return this.messagesforuser.reverse()
    }
  },

Думаю, дело в том, что он изначально пустой, но как быть?

Answer 1

[0xD34F]

Изменять данные в вычисляемых свойствах не следует, но вы это делаете - поскольку метод reverse не создаёт новый массив, а меняет исходный. Так что прежде чем его использовать, массив следует скопировать:

return [...this.messagesforuser].reverse()