前段时间花了不少的时间在学习和了解Vue的组件，虽然中间浅尝了Vue组件的基础，体验了其魅力，但还是有很多深层的东西未掌握，也还不能非常灵活的使用Vue的组件。但这一切并不重要，随着后面的学习，我想会对Vue越来越熟悉。这两天在看Vue中的Vue.extend构造器，今天简单的对这方面的东西做个笔记。

什么是Vue.extend

Vue.extend返回的是一个扩展实例构造器，也就是预设了部分选项的Vue实例构造器。其主要用来服务于Vue.component，用来生成组件。可以简单的理解为当在模板中遇到该组件名称作为标签的自定义元素时，会自动调用扩展实例构造器来生产组件实例，并挂载到自定义元素上。

创建一个Vue.extend

在学习Vue实例和生命周期时，了解了在Vue中创建一个Vue实例，大致经会经历四个过程：

当Vue实例创建之后，可以看到Vue实例预设了很多参数：

那么创建一个Vue.extend其实也有点类似，首先通过Vue.extend()来创建一个扩展实例构造器：

let baseExtend = Vue.extend({
    template: `<p> {{ firstName }} {{ lastName }} aka {{ alias }}</p>`,
    data () {
        return {
            firstName: '大漠',
            lastName: 'w3cplus',
            alias: '大漠_w3cplus'
        }
    },
    created () {
        console.log('onCreated-1');
    }
})

为了后面更好的使用Vue.extend()中的options，直接把上面示例中的一些选项提出来，这些选项其实就是前面所说的预设选项：

let baseOptions = {
    template: `<p> {{ firstName }} {{ lastName }} aka {{ alias }}</p>`,
    data () {
        return