Vue中extend组件构造器

vue-创建构造函数

Vue.extend属于Vue的全局API在业务开发时的很少使用，但是在一些独立组件开发场景中， Vue.extend( options )+$mount

Vue.extend( options )
参数：

{Object} options 用法：

使用基础 Vue 构造器，创建一个“子类”。参数是一个包含组件选项的对象。

data 选项是特例，需要注意 - 在 Vue.extend() 中它必须是函数

<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')

//请注意，在实例化extends组件构造器时，传入属性必须是propsData、而不是props哦

结果如下：

<p>Walter White aka Heisenberg</p>

vm.$mount( [elementOrSelector] ) 参数：

{Element | string} [elementOrSelector] {boolean} [hydrating] 返回值：vm -
实例自身

用法：

如果 Vue 实例在实例化时没有收到 el 选项，则它处于“未挂载”状态，没有关联的 DOM 元素。可以使用 vm.$mount()
手动地挂载一个未