Vue JS क्या है और क्यों इस्तेमाल होता है? [पूरी जानकारी 2021]

क्या अपने Vue JS के बारे में सुना है ? आपका हिंदी topia के इस पोस्ट में स्वागत है और आज में आपको Vue JS के बारे में पूरी जानकारी देने वाला हूँ और आपको बताऊंगा , Vue JS क्या है ? Vue JS का क्यों इस्तेमाल किया जाता है ? Vue JS के features in हिंदी, Vue JS को install कैसे करे ? और बहुत कुछ | चलिए इस पोस्ट को शुरू करते है|

Vue JS एक progressive javascript framework है जिसके इस्तेमाल से आप interactive web interfaces develop कर सकते है | इसका फोकस view पार्ट में होता है या आप कह सकते है frontend वाले part में होता है | इसे दुसरे projects और library के साथ मिलाकर इस्तेमाल करना बहुत ही आसान है | 

Vue JS क्या है और क्यों इस्तेमाल होता है? [पूरी जानकारी 2021]

Vue Js को install करना बहुत ही आसान है | Beginners इसे बहुत आसानी से सीख सकते है और अपना front end interface develop कर सकते है | चलिए अब में आपको Vue JS के बारे में पूरी जानकारी दूँगा , तो इस पोस्ट को पूरा अंत तक जरूर पढ़े |

Vue JS क्या है ? What is Vue JS (in Hindi)?

Vue JS या Vue.js एक open source, model-view-model, front-end javascript framework है, जिसकी मदद से user interface एवं single page applications बनाया जाता है | Vue Js एक progressive javascript framework है | यह एक बहुत ही प्रसिद्ध framework है जिसकी मदद से web development आसान बनाया जा सकता है |

Vue Js view layer पर ज्यादा ध्यान देता है | Vue JS को वृद्धिशील रूप से अपनाने योग्य बनाया गया है| इसके core library को view layer फोकस बनाया गया है , और इससे दूसरे library या अन्य project में मिलाना आसान है | Vue JS के इस्तेमाल बहुत ही पेचीदा application भी आसानी से बनाया जा सकता है |

Vue JS को किसने बनाया ? – A brief History of Vue.js in Hindi

Vue Js को Evan You द्वारा बनाया गया जो की एक ex-google employee थे | Google में Evan ने angular के साथ काम किया था तब उन्होंने यह सोचा की क्यों न angular के ज्यादा इस्तेमाल होने वाले अच्छे features वाला एक नया lightweight framework बनाया जाए , तब उन्होंने Vue js बनाने के बारे में सोचा था | Vue JS को Evan You और उनकी team द्वारा संभाला जाता है |

Vue JS को पहली बार github पर commit July 2013 में किया गया था और इसे पहली बार रिलीज़ February 2014 में किया गया था |

Also Read:

Vue JS के features – Features of Vue JS in Hindi

Vue Js में कई से features हे जो इसे लोकप्रिय बनाते है –

  • Virtual DOM – Vue js Virtual DOM का इस्तेमाल करता है , virtual DOM का इस्तेमाल बहुत से framework भी करते है जैसे react और ember इत्यादि | Virtual DOM के इस्तेमाल से कोई भी changes जो program में किया जाता है वो original DOM में नहीं बल्कि उसके replica जिसे virtual DOM कहते है, उसमे किया जाता है और जब final change हो जाता तब उसे DOM में change किया जाता है |
  • Data Binding – इस data binding तकनीक के वजह से HTML attribute को change या कुछ style में change किया जाता है | इस binding तकनीक जो हमें Vue JS प्रदान करता है उसे v-binding कहते है |
  • Components – Components Vue JS का बहुत ही महत्वपूर्ण feature है जिसकी मदद से custom element बनाया जा सकता है और उसे HTML में reuse किया जा सकता है |
  • Event Handling – v-on attribute को DOM element में add किया जाता है ताकि वह Vue JS के events की सुन सके |
  • Animation और Transition – Vue JS में बहुत से तरीके है जिससे transition effect पाया जाता है | Vue js में बहुत से third party animation library के इस्तेमाल से animation भी बनाया जा सकता है |
  • Computed Properties – यह Vue JS का एक बहुत ही महत्वपूर्ण feature है | यह UI elements में किये गए changes को सुनकर calculations perform कर सकता है बिना कुछ coding के |
  • Directives – Vue JS में बहुत से built-in directives मौजूद है जैसे की  v-if, v-else, v-show, v-on, v-bind, and v-model जिससे अलग अलग operation perform किए जा सकते है |
  • Routing – इसके इस्तेमाल से अलग अलग pages के बीच navigate किया जा सकते है vue-router की मदद से |
  • Lightweight – Vue JS में लिखा script बहुत ही light weight होता है और इसका performance भी बहुत fast होता है |
  • Vue-CLI – Vue JS को command line में भी install किया जा सकता है vue-CLI command line interface के मदद से | 

Vue JS Syntax

चलिए अब देखते है की Vue JS का code कैसा दिखता है | उदाहरण के लिए यह देखिये :

<html>
   <head>
      <title>VueJs Introduction</title>
      <script type = "text/javascript" src = "js/vue.js"></script>
   </head>
   <body>
      <div id = "intro" style = "text-align:center;">
         <h1>{{ message }}</h1>
      </div>
      <script type = "text/javascript">
         var vue_det = new Vue({
            el: '#intro',
            data: {
               message: 'Mera Pehla Vue JS ka Program !!!'
            }
         });
      </script>
   </body>
</html>

OUTPUT :

Vue JS कैसे install करे ? – How to install Vue JS in Hindi? 

Official Website : 

Vue js को आप उसके official website से download कर सकते है , उसके बताए गए तरीके से install कर सकते है |

यहाँ आपको २ version मिलता है आप अपने हिसाब से कोई एक version download और install कर सकते है | 

और आप Vue JS को इस HTML script से Use कर सकते है |

<html>
   <head>
      <script type = "text/javascript" src = "vue.min.js"></script>
   </head>
   <body></body>
</html>

Using NPM : 

आप Vue JS को npm package manager की मादा से भी download और install कर सकते है | उसके लिए आपको terminal/command prompt खोल के यह code लिखना होगा :

npm install vue

FAQ आपके सवाल हमारे जवाब

Que. Vue js सीखने में कितना समय लगता है ?

Ans. अगर आप पहले से programming जानते है तो आप Vue js को २-३ महीनों में सिख सकते  है परन्तु आप अगर programming की दुनिया में बिलकुल नए खिलाड़ी है तो आपको ८-१० महीने लग जायेंगे |  

Que. Vue js सीखने से पहले क्या आना अवश्यक है ?

Ans. Vue js सीखने से पहले आपको javascript में programming आना आवश्यक है और आपको HTML की भी जानकारी होनी चाहिए |

Que. क्या Vue js सिखना आसान है ?

Ans. Vue js सिखना बहुत ही आसान है |

Conclusion

तो दोस्त आज की पोस्ट में अपने जाना की Vue JS क्या होता है और इसका इस्तेमाल क्यों होता है , आपने यह भी जाना की Vue JS किस तरह काम करता है | अपने यह भी जाना की Vue JS एक जबरदस्त JavaScript framework है जिसके मदद से frontend applications बनाए जाते है  |

मैं आशा करता हूँ की मेरे बताए गए पोस्ट से आपको Vue JS की पूरी जानकारी हो गई होगी |

अगर आपको Vue JS के बारे में कुछ और जानना हो या बताना हो तो हमे बे झिझक comments करे, हमे आपकी सहायता कर और आपसे कुछ नया सीख बेहद ख़ुशी होगी |

मैं मिलता हूँ आपसे एक नये पोस्ट के साथ जो बनाएगा आपके coding Journey को और भी आसान तब तक के लिए जहाँ भी रहे कुछ नया सीखते रहे और coding करते रहे |

ज्ञान की ऊंचाइयों को पाए !!

हिंदी Topia 

Leave a Comment

Your email address will not be published. Required fields are marked *

error: Content is protected !!