vue उदाहरण और vue घटक के बीच मतभेद?

Question

मैं vue js के लिए नया हूं और इसे सीखते समय कुछ प्रश्न हैं।

अब मैं इसके उदाहरण और घटक के बीच संबंधों के बारे में थोड़ा उलझन में हूं। जहां तक ​​मैंने सीखा, वू द्वारा निर्मित प्रत्येक ऐप में केवल एक उदाहरण और एक उदाहरण होना चाहिए, यदि आवश्यक हो तो आपके पास जितने चाहें उतने घटक हो सकते हैं। लेकिन हाल ही में मैंने एक डेमो देखा है, और उस डेमो में इसमें एक से अधिक उदाहरण हैं।

तो मेरा सवाल यह है कि, एक ऐप में कई इरादे रखना ठीक है (डेमो कोड ठीक काम करता है, लेकिन क्या यह सही तरीका है)? वू ऐप में इंस्टेंस और घटक का उपयोग करने का सबसे अच्छा अभ्यास क्या है?

Answer 1

एक ही प्रोजेक्ट में दो उदाहरण होने के ठीक है, हालांकि, शायद आप ऐसा नहीं करना चाहते हैं।

एक अच्छा परिदृश्य आपके ऐप को नियंत्रित करने के लिए एक मुख्य उदाहरण है, विशेष रूप से यदि आप सिंगल पेज एप्लिकेशन (एसपीए) बना रहे हैं। फिर आप जितना चाहें उतने घटकों का उपयोग करें।

घटक कोड का पुन: उपयोग करने और इसे व्यवस्थित रखने का एक शानदार तरीका हैं, और, Vue.js के साथ, आपके घटकों और आपके "मुख्य" व्यू उदाहरण के बीच संवाद करना बहुत आसान है।

Answer 2

व्यू इंस्टेंस एक तत्व से जुड़ा हुआ है और उसका उपयोग कर सकता है जो पहले से मौजूद है।

व्यू घटक नए तत्व बनाने और इसे कहीं भी पुन: उपयोग करने के लिए अधिक उपयुक्त है।

Answer 3

यह आपकी स्थिति पर बहुत निर्भर करता है।

मैं एक बड़ी वेब परियोजना पर काम करता हूं जो एसपीए नहीं है। हमारे पास आवेदन के प्रत्येक "सिलो" के लिए एक वू उदाहरण है। हम धीरे-धीरे एक पुराने प्रोजेक्ट को अधिकतर jQuery फ्रंटेंड से बदल रहे हैं, इसलिए यह संभव है कि जैसे ही यह विकसित हो जाए, हम एक भी व्यू इंस्टेंस में घूमने में सक्षम होंगे लेकिन हमें कई उदाहरणों में कोई परेशानी नहीं है। मौजूदा परियोजनाओं में वू का उपयोग करने की आसानी प्रतिक्रिया के रूप में किसी अन्य लाइब्रेरी पर इसे चुनने में सबसे बड़ा निर्णय लेने वाला कारकों में से एक था।

मैंने हरित विकास, एक उदाहरण और कई घटकों के साथ एक अलग दृष्टिकोण लिया है।

Answer 4

कुछ सामान्य हैं, और वू इंस्टेंस और व्यू घटक के बीच कुछ अंतर हैं।

1. Vue docs से:

सभी Vue घटक भी Vue उदाहरण हैं, और इसलिए स्वीकार ही विकल्प (कुछ जड़-विशिष्ट विकल्प को छोड़ कर) आपत्ति है।

वू उदाहरण el, router जैसे डेटा स्वीकार करते हैं, वू घटक नहीं कर सकते हैं। data वू उदाहरणों में संपत्ति एक वस्तु है, लेकिन वू घटकों में एक कार्य होना चाहिए।

1. डिजाइन लक्ष्य अलग है:

Vue उदाहरण Vue आवेदन लांचर, Vue घटक Vue उदाहरण का ही विस्तार है।

व्यू घटक तत्व बना सकते हैं और इसे कई समान स्थानों में उपयोग कर सकते हैं।यह मुख्य रूप से बिंदु को प्रतिबिंबित करने की वू विशेषता है।