Vue.extend用于基于Vue构造器创建一个Vue子类，可以对Vue构造器进行扩展。它有一个options参数，表示包含组件选项的对象。下面我们通过例3-3演示Vue.extend的使用。
【例3-3】
(1)创建C：Users/itcast/Desktop/demo03.html文件，具体代码如下：
在上述代码中，第4行的Vue.extend()方法返回的Vue2就是Vue的子类;第5～7行用于为新创建的Vue2实例添加data数据，由于此时Vue2实例还未创建，所以要把数据写在函数的返回值中;第1行的title在vml中不存在，代码在执行时会报错，如果报错，就说明第5～7行代码只对Vue2有效，原来的Vue不受影响。
(2)在浏览器中打开demo03.html文件，运行结果如图3-3所示。
图3-3 Vue.extend
在图3-3所示的页面中，appl对应Vue的实例vml，app2对应Vue2的实例vm2，从运行结果可以看出，在vm2中添加了初始数据hello，vml不受影响。并且在控制台中会看到title属性未定义的提示。
用法 Vue.extend( options ) 参数： {Object} options用法： 使用基础 Vue...
Vue.extend( options ) 参数： {Object} options 用法： 使用基础 Vue 构...
应用场景： 在 vue 项目中，初始化的根实例后，所有页面基本上都是通过 router 来管理，组件也是通过 im...
Vue.extend用于基于Vue构造器创建一个Vue子类，可以对Vue构造器进行扩展。它有一个options参数...
https://www.cnblogs.com/hentai-miao/p/10271652.html Vue.e...
Vue.extend(options) 参数：对象 用法：使用Vue构造器，创建一个“子类”，参数是一个包含组件选...
Vue.extend的用法 一、 extend创建的是一个组件构造器，而不是一个具体的组件实例 所以他不能直接...
创建组件的三种方式 Vue.extend 的介绍 全局API Vue.extend
最近在重构公司的项目，有些组件想要封装的更灵活，例如toast、loading、messageBox等弹窗组件，模...
Vue 基础知识之 Vue.extend Vue.extend 属于 Vue 的全局 API，在实际业务开发中我们...
本文标题：Vue.extend的用法
本文链接：https://www.haomeiwen.com/subject/yxvnjrtx.html
网友评论