众所周知，Vue 的灵魂在于: 数据驱动视图 + 组件化，本篇将为大家讲解 Vue组件 的创建，还有与其息息相关的 Vue.extend 方法。

在你还没有解决第二个需求的时候，又一个需求来了，第三个需求是不仅仅是注册页面需要用到这个消息弹框组件，在其他多个页面中也需要用到这个消息弹框组件。

模态框是我们 UI 控件中一个很重要的组件，使用场景有很多种，我们在 Vue 组件中创建模态框组件而用到的一个知识点是利用 Vue.extend 来创建。 在最近在做一个常用的类似下面的登录/注册业务场景时，利用 Vue.extend 来改善我们的代码，使我们代码逻辑更清晰化。…

Vue.extend是 Vue 里的一个全局 API，它提供了一种灵活的挂载组件的方式，这个 API 在日常开发中很少使用，毕竟只在碰到某些特殊的需求时它才能派上用场，但是我们也要学习它，学习这个 API 可以让我们对 Vue 更加了解，更加熟悉 Vue 的组件初始化和挂载流程…

Vue.extend(options):基础Vue构造器参数是一个包含组件选项的对象。data选项是特例，在Vue.extend()中它必须是函数，为了保证引用数据不乱来。为什么要使用extend？常

Vue.extend 属于Vue的全局 api，在实际业务开发中我们很少使用，因为相比常用的 Vue.component 写法使用 extend 步骤要更加繁琐一些。但是在一些独立组件开发场景中（例如：ElementUI库），所以Vue.extend + $mount 这对组合…

Vue.extend作为一个全局api,当然值得我们去深入学习的，同时也是实现编程式组件的重要途径，所以我们通过源码导读加实践的方式开始吧。首先我们会带着几个问题来进行学习，如果你都不会，哈哈哈恭喜你，学完本篇你就会明白了。 使用基础 Vue 构造器，创建一个“子类”。参数是一…

既然要使用Vue.extend（）封装组件，那这玩意儿到底是什么呢？我们且来看官方解释 官方眼里的Vue.extend（） 1.参数： {Object} options 2.用法： 使用基础 Vue