VueJs Избегайте мутации реквизита, который инициализируется в созданном хуке жизненного цикла

Question

Я новичок в VueJs, у меня есть свойство props, и при созданном хуке я получаю данные свойства.

Но я получаю это сообщение на консоли:

[Vue warn]: Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. 
Instead, use a data or computed property based on the prop's value. 
Prop being mutated: "markets"

Я объявляю рынки в разделе реквизита:

 props: {
      markets: Object           
    },

Я получаю данные свойства на созданном хуке:

created() {

        Axios.get('/api')
          .then(response => {
            this.markets = response.data
          })
          .catch(error => {
            console.log('There was an error:', error.response)
          }),

Как я могу адаптировать эту ситуацию, чтобы остановить предупреждающие сообщения?

Answer 1

Как указано в официальных документах , это должно быть сделано следующим образом:

props: {
   markets: Object           
},
data: function () {
  return {
    innerMarkets: this.markets
  }
}