Vue कंपोनेंट की संरचना

प्रत्येक कंपोनेंट में निम्नलिखित दो टैग अवश्य होने चाहिए:

App.vue<script>
  
</script>
<template>
  
</template>

template टैग में हमें मार्कअप लिखना चाहिए, यानी हमारे कंपोनेंट का प्रस्तुतिकरण:

App.vue<template>
  <div>
    Hello World
  </div>
</template>

और script टैग में हमें अपने कंपोनेंट का JavaScript कोड लिखना चाहिए। यह कोड एक ऐसी ऑब्जेक्ट होनी चाहिए जो हमारी कंपोनेंट फ़ाइल से एक्सपोर्ट की जाएगी:

App.vue<script>
  export default {
    
  }
</script>

एक्सपोर्ट की गई ऑब्जेक्ट में कंपोनेंट की विभिन्न सेटिंग्स और फ़ंक्शन निर्दिष्ट किए जाते हैं। इनमें से एक सेटिंग इस कंपोनेंट का नाम है:

App.vueexport default {
  name: 'App',
}