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

Question

Code:

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

Avertissement Vue2.1.10 dans les outils des développeurs Chrome: la propriété de données "article" est déjà déclarée comme accessoire. Utilisez plutôt la valeur par défaut de prop.

Answer 1

Vous avez ajouté article aux deux endroits data et props . Cela devrait être l'un d'entre eux, c'est pourquoi vous obtenez l'erreur. Vous devez le supprimer de l'un des endroits, si vous le passez du composant parent, que le conserver en tant qu'accessoires, s'il s'agit d'une donnée d'instance locale, gardez-la en vue data block.

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

Answer 2

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

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

  data () {}, 

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