vue.extend通过 Vue.extend + $mount 可以将一个组件选项实例化并mount 到指定的元素上.

通过 Vue.extend + $mount 可以将一个组件选项实例化并mount 到指定的元素上.

example 1

<div id="mount-point"></div>

// 创建构造器
var Profile = Vue.extend({
  template: '<p>{{firstName}} {{lastName}} aka {{alias}}</p>',
  data: function () {
    return {
      firstName: 'Walter',
      lastName: 'White',
      alias: 'Heisenberg'
    }
  }
})
// 创建 Profile 实例，并挂载到一个元素上。
new Profile().$mount('#mount-point')

example 2

const MessageBoxConstructor = Vue.extend(msgboxVue);
instance = new MessageBoxConstructor({
    el: document.createElement('div')
}); 
document.body.appendChild(instance.$el);