Vue.js क्या है
Vue.js एक JavaScript framework है जो आपके page को आपके data के साथ automatically sync रखता है।
In this page:
Vue.js क्या है
Vue user interfaces बनाने के लिए एक progressive framework है। आप describe करते हैं कि कुछ data के लिए page कैसा दिखना चाहिए, और जब भी वह data बदले Vue DOM update कर देता है।
इसे एक script tag के साथ एक single page में drop किया जा सकता है या एक पूरे single-page application तक scale किया जा सकता है।
Note:
"Progressive" का मतलब है आप Vue को एक-एक टुकड़े में adopt कर सकते हैं।
उदाहरण: What is Vue.js
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>
</head>
<body>
<div id="app">
<h1>{{ title }}</h1>
<p>Vue says: {{ message }}</p>
</div>
<script>
Vue.createApp({
data() {
return { title: "What is Vue?", message: "Hello, reactive world!" };
},
}).mount("#app");
</script>
</body>
</html>
<!-- Output:
Rendered: What is Vue?Vue says: Hello, reactive world!
-->Related Topics
{# common_mistakes/chapter_summary/browser_support: on Hindi pages the
view already swaps in the hi_ translation fields (or blanks these
out if untranslated), so this renders correctly for both languages
without a lang_code check here. #}
आम गलतियां
- data बदलने की बजाय DOM को हाथ से manipulate करना
- यह सोचना कि Vue को शुरू होने के लिए एक build step चाहिए
- Vue 2 syntax को Vue 3 से confuse करना
चैप्टर सारांश
- Vue UI को data के साथ sync रखता है
- यह progressive और incrementally adoptable है
- एक CDN या एक build setup से काम करता है
- Vue 3 current major version है
🔒
Chapter Quiz — Complete all 7 topics to unlock
0/7 topics done
Complete these topics first: