vuejs kya hai : vuejs क्या है? और कैसे सीखे इन हिंदी में
Published Balindra Kumar |
Date: 2023-10-14
: Vue.js एक ओपन सोर्स जावास्क्रिप्ट फ्रेमवर्क है जिसका उपयोग वेब ऐप्लिकेशन डेवलपमेंट के लिए किया जाता है। यह एक मिनिमलिस्ट फ्रेमवर्क है जिसका मुख्य उद्देश्य वेब इंटरफेस कंपोनेंट्स के विकास को आसान और प्रभावी बनाना है। Vue.js का उपयोग फ्रंट-एंड वेब डेवलपमेंट में वेब पेजों को डाइनामिक बनाने, डेटा को प्रदर्शन करने, और उपयोगकर्ता इंटरैक्टिविटी जोड़ने के लिए किया जाता है। Vue.js में एक साधारण डेटा-बाइंडिंग, कंपोनेंट परंपरागती, और एक फ्लेक्सिबल डिरेक्टिव सिस्टम शामिल है। यह बनाने और प्रबंधित करने में सरल है, जिससे विकासकों को वेब ऐप्लिकेशन्स बनाने में मदद मिलती है। Vue.js का उपयोग वेब डेवलपमेंट में दिनमें-दिन बढ़ता जा रहा है और यह एक लोकप्रिय फ्रेमवर्क है जो विभिन्न प्रकार के परियोजनाओं के लिए उपयोग होता है।
Vue Js Official Website = https://vuejs.org/
vuejs में क्या बनाई जाती है और यह इतना क्यों पॉपुलर frontend framework है?
Vue.js में वेब ऐप्लिकेशन के विभिन्न हिस्सों को बनाने के लिए विभिन्न components बनाए जाते हैं। इन components में वेब पेज के अलग-अलग हिस्सों का डिज़ाइन, डाटा, और लॉजिक होता है। ये components संगठित रूप से एक साथ जोड़े जाते हैं ताकि वेब ऐप्लिकेशन का संरचन और विकास सरल हो। इसे अधिकतर "वेब कंपोनेंट्स" के रूप में समझा जाता है जो वेब पेज के विभिन्न हिस्सों को प्रतिनिधित करते हैं। यह डेटा दिखाने, behavior establish करने और वेब ऐप्लिकेशन को इंटरएक्टिव बनाने में मदद करते हैं।
Vue js in hindi
Vue.js को इंस्टॉल करने और रन करने के लिए निम्नलिखित steps का पालन करें:
1. Node.js इंस्टॉल करें:
- पहले, आपको Node.js इंस्टॉल करना होगा. Node.js को यहाँ से डाउनलोड करें और इंस्टॉल करें.
2. npm (Node Package Manager) की जाँच करें:
- Node.js के साथ npm आता है, इसलिए आपको यह सुनिश्चित करना होगा कि npm इंस्टॉल हो गया है. इसकी जाँच के लिए टर्मिनल (कमांड प्रॉम्प्ट) खोलें और निम्नलिखित कमांड का उपयोग करें:
- Code = > npm-v
3. Vue CLI इंस्टॉल करें:
Vue.js प्रोजेक्ट्स को सरलता से बनाने और प्रबंधित करने के लिए "Vue CLI" नामक टूल का उपयोग करते हैं. Vue CLI को इंस्टॉल करने के लिए निम्नलिखित कमांड का उपयोग करें:
code => npm install -g @vue/cli
4 नया Vue प्रोजेक्ट बनाएं:
- Vue CLI का उपयोग करके नए Vue.js प्रोजेक्ट बनाने के लिए निम्नलिखित कमांड का उपयोग करें (आपको नए प्रोजेक्ट का नाम चुनना होगा):
code => vue create my-vue-app
5 प्रोजेक्ट फोल्डर में जाएं:
- Vue प्रोजेक्ट फोल्डर में जाने के लिए इस कमांड का उपयोग करें:
- code => cd my-vue-app
प्रोजेक्ट चलाएं:
- अब, नए Vue प्रोजेक्ट को चलाने के लिए निम्नलिखित कमांड का उपयोग करें:
- code => npm run serve
ब्राउज़र में देखें: इस तरीके से, आप Vue.js को इंस्टॉल करके नए प्रोजेक्ट को बना सकते हैं और उसे चला सकते हैं।
वेब ब्राउज़र में "http://localhost:8080" पर अपने Vue.js प्रोजेक्ट को देखें. आपका प्रोजेक्ट ब्राउज़ करने के लिए तैयार होना चाहिए!
Vue.js में "router" एक तरह की navigation management plugin होता है जो यूज़र को एक पेज से दूसरे पेज पर जाने में मदद करता है, बिना पूरी पेज को रिलोड किए। इसका मतलब है कि आप एक सिंगल पेज एप्लिकेशन (जैसे एक वेबसाइट) को बना सकते हैं, जिसमें अलग-अलग "रूट्स" (URLs) होते हैं और हर रूट के लिए अपना खुद का सामग्री और व्यू होता है।
Vue.js में "method" एक फ़ंक्शन होता है जो Vue कंपोनेंट के internal logic या behavior को represent करता है। यह किसी कंपोनेंट के internal operation को नियंत्रित करने के लिए उपयोग किया जाता है।
Vue.js में attributes binding का अर्थ होता है किसी HTML एलिमेंट के एक एट्रिब्यूट को Vue.js के डेटा से बाइंड करना, ताकि वह एट्रिब्यूट की मूल्य में परिवर्तन रूप में रखा जा सके और उसे डाइनामिक बनाया जा सके। सरल शब्दों में, यदि आपके पास एक Vue.js कंपोनेंट है और आप उसके डेटा को एक HTML एलिमेंट के एट्रिब्यूट के साथ जोड़ना चाहते हैं, तो आप एट्रिब्यूट बाइंडिंग का उपयोग कर सकते हैं। इसका फायदा यह है कि जब Vue.js कंपोनेंट के डेटा में परिवर्तन होता है, तो वे परिवर्तन आपके HTML एलिमेंट के एट्रिब्यूट में भी प्रत्यक्ष रूप में प्रकट होते हैं, और इससे एप्लिकेशन के अनुभव को डाइनामिक बनाने में मदद मिलती है।