How do I create a Vue component?
Asked on Sep 26, 2024
Answer
To create a Vue component, you define a JavaScript object with specific properties and then register it. Here's a basic example of how to create and register a Vue component.
<!-- BEGIN COPY / PASTE -->
Vue.component('my-component', {
template: '<div>Hello, I am a Vue component!</div>'
});
new Vue({
el: '#app'
});
<!-- END COPY / PASTE -->Additional Comment:
✅ Answered with JavaScript best practices.- The "Vue.component" method is used to define a new component. The first argument is the component's name ("my-component"), and the second argument is an options object.
- The "template" property in the options object defines the HTML structure of the component.
- The "new Vue" instance is created with an "el" property that specifies the DOM element to mount the Vue instance on.
- Ensure that the element with the id "app" exists in your HTML to see the component rendered.
Recommended Links:
← Back to All Questions