// plain
To unmount a Vue.js component, you can use the destroy
method. This method will remove the component from the DOM, as well as any of its event listeners and watchers.
// create a new Vue instance
var app = new Vue({
el: '#app',
data: {
message: 'Hello Vue!'
}
})
// unmount the component
app.$destroy()
The destroy
method will not remove any data associated with the component, so you will need to manually clean up any data that was associated with the component.
The following list provides a breakdown of each part of the code:
var app = new Vue({ ... })
: This line creates a new Vue instance and stores it in theapp
variable.el: '#app'
: This line tells the Vue instance to mount itself to the element with the ID ofapp
.data: { message: 'Hello Vue!' }
: This line adds amessage
property to the Vue instance'sdata
object.app.$destroy()
: This line calls thedestroy
method on the Vue instance, which will remove the component from the DOM.
For more information, please see the Vue.js documentation on the destroy
method.
onelinerhub: How do I unmount a Vue.js component?