vuejs2 - The data property "article" is already declared as a prop. Use prop default value instead

Question

Code:

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

Vue2.1.10 warning in Chrome developers tools: The data property "article" is already declared as a prop. Use prop default value instead.

question from:https://stackoverflow.com/questions/42087441/the-data-property-article-is-already-declared-as-a-prop-use-prop-default-valu

Answer 1

You have added article at both places data and props. It should be one of these, thats why you are getting the error. You have to remove it one of the place, if you are passing it from parent component, then keep it as props. If this is a local instance data, keep it in vue data block.

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