Vue कंपोनेंट की संरचना
प्रत्येक कंपोनेंट में निम्नलिखित दो टैग अवश्य होने चाहिए:
<script>
</script>
<template>
</template>
template टैग में हमें
मार्कअप लिखना चाहिए, यानी हमारे कंपोनेंट का
प्रस्तुतिकरण:
<template>
<div>
Hello World
</div>
</template>
और script टैग में हमें
अपने कंपोनेंट का JavaScript कोड लिखना चाहिए।
यह कोड एक ऐसी ऑब्जेक्ट होनी चाहिए
जो हमारी कंपोनेंट फ़ाइल से
एक्सपोर्ट की जाएगी:
<script>
export default {
}
</script>
एक्सपोर्ट की गई ऑब्जेक्ट में कंपोनेंट की विभिन्न सेटिंग्स और फ़ंक्शन निर्दिष्ट किए जाते हैं। इनमें से एक सेटिंग इस कंपोनेंट का नाम है:
export default {
name: 'App',
}
अपने कंपोनेंट के template टैग में
कुछ टेक्स्ट टैग के साथ प्रदर्शित करें।
