VUE2.0学习之路10【全局API】 Vue.extend

Vue.extend 是什么

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

上面的引用中说了，extend主要用来结合 conponent 生产组件。在了解组件之前，我们先看看extend 有什么作用，怎么用。

自定义无参标签

 就像我们在书写HTML代码时，使用标签

---

或者
一样。在某些情况下，我们的布局需要频繁使用这种标签。使用

---

，就会在网页中插入一条水平的分割线。使用
就会在网页中插入一个换行。我们可以使用Vue.extend去自定义一个标签，以便于我们在书写自定义标签后，即可将特定的值渲染到我们的网页。

比如：在博客网站的页面中，有多处需要显示作者的nickname且nickname还会附加一个link，指向作者的博客首页。但多次书写造成的重复劳动似乎看起来并不是多高大上。什么？复制粘贴？多LOW哦～ 我们希望通过自定义一个标签，在书写code时，直接使用它，来达到上面说的效果。

我们使用Vue.extend，创建一个自定义标签，代码如下：

可以看到上面代码的倒数第二行，我们使用 new 关键字实例化了一个对象，并使用 $mount 将其挂在到 author 标签上。在页面中使用一下代码，就可以将 作者名及地址渲染到页面了。