La propriété de données "article" est déjà déclarée comme un accessoire. Utilisez prop valeur par défaut à la place

Question

Code:

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

Vue2.1.10 warning in Chrome pour les développeurs: La propriété de données "article" est déjà déclarée en tant que prop. Utilisez la valeur par défaut prop à la place.

Answer 1

Vous avez ajouté article aux deux endroits data et props. Ce devrait être l’un de ceux-ci, c’est pourquoi vous obtenez l’erreur. Vous devez l'enlever à un endroit. Si vous le passez du composant parent, conservez-le comme accessoire. S'il s'agit d'une donnée d'instance locale, conservez-la dans le bloc vue data.

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

Answer 2

Une fois que vous avez déclaré article dans les accessoires, vous n'avez pas besoin de le renvoyer dans les données latérales. Voir ci-dessous.

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

  data () {}, 

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