Vue.extend构造器的详解
Vue.extend构造器是Vue.js中一个功能强大且灵活的工具，用于创建一个“子类”，它返回的是一个“扩展实例构造器”，也就是预设了部分选项的Vue的实例构造器。下面将详细介绍Vue.extend构造器的用法、参数、返回值、实例挂载等方面的知识点。
一、简单介绍
Vue.extend是一个函数，用于创建一个“子类”，参数是一个包含组件选项的对象，其中，data选项中必须是函数。它返回的是一个“扩展实例构造器”，也就是预设了部分选项的Vue的实例构造器。这个构造器常常服务于Vue.component用来生成组件，可以简单理解为当在模板中遇到该组件作为标签的自定义元素时，会自动调用“扩展实例构造器”来生产组件实例，并挂在到自定义元素上。
二、参数介绍
Vue.extend函数的参数是一个包含组件选项的对象，其中包括：
* template：模板字符串，用于定义组件的模板。
* data：一个函数，用于返回组件的初始数据。
* props：一个数组，用于定义组件的props。
例如：
```javascript
var author = Vue.extend({
template: "<p><a :href='url'>{{author}}</a></p>",
data: function() {
return {
author: 'vamous',
url: 'http://blog.csdn.net/Dear_Mr/article/details/72614370'
}
}
});
```
三、返回值
Vue.extend函数返回的是一个“扩展实例构造器”，也就是预设了部分选项的Vue的实例构造器。这个构造器可以用来生成组件实例，并挂在到自定义元素上。
四、实例挂载
在创建了扩展实例构造器后，需要将其挂载到自定义元素上，否则不会生效。可以使用 .$mount() 方法将实例挂载到指定的元素上。
例如：
```html
<author></author>
```
```javascript
new author().$mount('author');
```
五、使用props
Vue.extend构造器也可以使用props来传递参数。可以在扩展实例构造器中定义props，然后在创建实例时传递参数。
例如：
```javascript
var author = Vue.extend({
template: "<p><a :href='url'>{{author}} & {{name}}</a></p>",
data: function() {
return {
author: 'vamous',
url: 'http://blog.csdn.net/Dear_Mr/article/details/72614370'
}
},
props: ['name']
});
new author({ propsData: { name: 'dear_mr' } }).$mount('#author');
```
六、总结
Vue.extend构造器是一个功能强大且灵活的工具，用于创建一个“子类”，它返回的是一个“扩展实例构造器”，可以用来生成组件实例，并挂在到自定义元素上。通过参数、返回值、实例挂载、使用props等方面的知识点，开发者可以更好地使用Vue.extend构造器来构建自己的应用程序。
