データプロパティ "article"は既に小道具として宣言されています。小道具デフォルト値を使用して代わりに

Question

コード：クロームの開発者ツールで

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

Vue2.1.10警告：あなたは両方の場所dataとpropsでarticleを追加したThe data property "article" is already declared as a prop. Use prop default value instead.

Answer 1

。それはこれらのうちの1つでなければなりません、なぜあなたはエラーを受けているのですか？親コンポーネントから渡す場合は、場所の1つを削除する必要があります。ローカルインスタンスデータの場合は、小道具として保持するよりも、ブロックdataブロックに保持してください。

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

Answer 2

あなたが小道具でそれを宣言すると、あなたが側のデータでそれを返す必要はありません。蛇のように。

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

}