Свойство данных "статья" уже объявлено в качестве опоры. Вместо этого используйте значение по умолчанию prop

Код:

export default {
    props: {
        article: {type: Object}
    },
    data () {
        return {article: this.article}
    }, 
    methods: {
        itemClick () {
            console.log('itemClick');
        }
    }
};

Предупреждение Vue2.1.10 в инструментах разработчика Chrome: свойство данных "статья" уже объявлено в качестве опоры. Вместо этого используйте значение по умолчанию prop.

Ответы

Ответ 1

Вы добавили article в оба места data и props. Это должно быть одно из них, поэтому вы получаете ошибку. Вы должны удалить его в одном месте, если вы передаете его из родительского компонента, чем храните его в качестве реквизита, если это данные локального экземпляра, сохраните его в блоке data vue.

export default {
  props: {
    article: {
      type: Object
    }
  },
  data() {
    return {
      article: this.article
    }
  },
  methods: {
    itemClick() {
      console.log('itemClick');
    }
  }
};

Ответ 2

Когда вы объявляете article в реквизитах, вам не нужно возвращать ее в боковых данных. Смотри ниже.

export default {
  props: {
    article: {type: Object}
  },

  data () {}, 

  methods: {
    itemClick () {
      console.log('itemClick');
    }
  }
};