Difference between .$mount() and el [Vue JS]

Question

What\'s the difference between this code:

new Vue({
    data () {
        return {
            text: \'Hello, World\'
        };
    }
}).$mount(\'#app\')
         


        

Answer 1

According to the Vue.js API docs on vm.$mount(), the two are functionally the same, except that $mount can (optionally) be called without an element selector, which causes the Vue model to be rendered separate from the document (so it can be appended later). This example is from the docs:

var MyComponent = Vue.extend({
  template: '
Hello!
'
})
// create and mount to #app (will replace #app)
new MyComponent().$mount('#app')

// the above is the same as:
new MyComponent({ el: '#app' })
// or, render off-document and append afterwards:
var component = new MyComponent().$mount()
document.getElementById('app').appendChild(component.$el)