डेटा संपत्ति "आलेख" पहले से ही प्रोप के रूप में घोषित किया गया है। प्रोप डिफ़ॉल्ट मान का उपयोग करने के बजाय

Question

कोड: क्रोम डेवलपर्स उपकरण में

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

Vue2.1.10 चेतावनी: The data property "article" is already declared as a prop. Use prop default value instead.

Answer 1

आप दोनों स्थानों data और props पर article जोड़ लिया है। यह इनमें से एक होना चाहिए, यही कारण है कि आपको त्रुटि क्यों मिल रही है। यदि आप इसे स्थानीय घटक से पास कर रहे हैं, तो इसे एक स्थान के रूप में रखने के बजाय, इसे स्थानांतरित करने के लिए आपको इसे स्थानांतरित करना होगा, यदि यह स्थानीय उदाहरण डेटा है, तो इसे 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'); 
    } 
} 

};