vm.$mount()

vm.$mount( [elementOrSelector] )

• Arguments:

  • {Element | String} [elementOrSelector]

• Returns: vm - the instance itself

• Usage:

  If a Vue instance didn’t receive the el option at instantiation, it will be in “unmounted” state, without an associated DOM element or fragment. vm.$mount() can be used to manually start the mounting/compilation of an unmounted Vue instance.

  If no argument is provided, the template will be created as an out-of-document fragment, and you will have to use other DOM instance methods to insert it into the document yourself. If replace option is set to false, then an empty <div> will be automatically created as the wrapper element.

  Calling $mount() on an already mounted instance will have no effect. The method returns the instance itself so you can chain other instance methods after it.

• Example:

  1 2 3 4 5 6 7 8 9 10 11 12

  var MyComponent = Vue.extend({   template: '<div>Hello!</div>' })   // create and mount to #app (will replace #app) new MyComponent().$mount('#app')   // the above is the same as: new MyComponent({ el: '#app' })   // or, compile off-document and append afterwards: new MyComponent().$mount().$appendTo('#container')

• See also: Lifecycle Diagram