← Back to Vue.js Course | Chapter 1: Introduction | Lesson 2 of 7

Vue बनाम React बनाम Angular

तीनों components से interfaces बनाते हैं, लेकिन size, syntax, और ये आपके लिए कितना decide करते हैं इसमें अलग हैं।

Vue बनाम React बनाम Angular

Vue directives वाले HTML-like templates इस्तेमाल करता है और gentle defaults के साथ official routing और state libraries offer करता है।

React JSX इस्तेमाल करता है और ज़्यादातर choices आप पर छोड़ता है। Angular TypeScript, dependency injection, और कई built-in tools वाला एक पूरा framework है।

Team skills और project size के आधार पर चुनें।

Note: तीनों same ideas share करते हैं: components, props, और reactive state।

उदाहरण: Vue vs React vs Angular

markup
<!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">
  <table border="1" cellpadding="6">
    <tr><th>Tool</th><th>Style</th><th>Template</th></tr>
    <tr v-for="f in frameworks" :key="f.name">
      <td>{{ f.name }}</td><td>{{ f.style }}</td><td>{{ f.template }}</td>
    </tr>
  </table>
</div>
<script>
  Vue.createApp({
    data() {
      return {
        frameworks: [
          { name: "Vue", style: "Progressive", template: "HTML templates" },
          { name: "React", style: "Library", template: "JSX" },
          { name: "Angular", style: "Full framework", template: "HTML + TypeScript" },
        ],
      };
    },
  }).mount("#app");
</script>
</body>
</html>

<!-- Output:
Rendered: ToolStyleTemplateVueProgressiveHTML templatesReactLibraryJSXAngularFull frameworkHTML + TypeScript
-->
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. #}
आम गलतियां
  1. यह मानना कि एक framework हमेशा सबसे अच्छा है
  2. अलग-अलग ages के versions compare करना
  3. project needs की बजाय hype के आधार पर चुनना
चैप्टर सारांश
  • Vue templates और directives इस्तेमाल करता है
  • React JSX इस्तेमाल करता है
  • Angular एक batteries-included TypeScript framework है
  • सब component based हैं
🔒

Chapter Quiz — Complete all 7 topics to unlock

0/7 topics done

Complete these topics first:

Login to run this code

C/C++/Java/PHP execution requires a free account. Your code is saved — you'll land right back in the editor after logging in.