Vue中Vue.extend()如何使用

今天小编给大家分享一下Vue中Vue.extend()如何使用的相关知识点，内容详细，逻辑清晰，相信大部分人都还太了解这方面的知识，所以分享这篇文章给大家参考一下，希望大家阅读完这篇文章后有所收获，下面我们一起来了解一下吧。Vue.extend 属于 Vue 的全局 API，在实际业务开发中我们很少使用，因为相比常用的 Vue.component 写法使用 extend 步骤要更加繁琐一些。但是在一些独立组件开发场景中，Vue.extend + $mount 这对组合是我们需要去关注的。在 vue 项目中，初始化的根实例后，所有页面基本上都是通过 router 来管理，组件也是通过 import 来进行局部注册，所以组件的创建不需要去关注，相比 extend 要更省心一点点。但是这样做会有几个缺点：组件模板都是事先定义好的，如果我要从接口动态渲染组件怎么办？所有内容都是在 #app 下渲染，注册组件都是在当前位置渲染。如果我要实现一个类似于 window.alert() 提示组件要求像调用 JS 函数一样调用它，该怎么办？这时候，Vue.extend + vm.$mount 组合就派上用场了。基础用法Vue.extend( options )参数：{Object} options用法：使用基础 Vue 构造器，创建一个“子类”。参数是一个包含组件选项的对象；data 选项是特例，需要注意： 在 Vue.extend() 中它必须是函数； {{firstName}}{{lastName}}aka{{alias}}WalterWhiteakaHeisenberg可以看到，extend 创建的是 Vue 构造器，而不是我们平时常写的组件实例，所以不可以通过 new Vue({ components: testExtend }) 来直接使用，需要通过 new Profile().$mount(’#mount-point’) 来挂载到指定的元素上。第二种写法可以在创建实例的时候传入一个元素，生成的组件将会挂载到这个元素上，跟 $mount 差不多。今天，我们使用Vue.extend()编程式的写法来编写一个vue插件，本质是将插件实例挂载到Vue的原型上。然后，就像element-ui的toast组件那样，使用this.$toast()实例方法去调用插件。使用Vue这个基础构造器，构造出一个“子类”，其实就是个构造函数，通过new运算符生成vue实例。具体见官方文档Vue-extend。比如，我们要实现个弹窗功能。通过编程式导航，我们就不用在模板中写了，可以使用js直接编写唤出弹窗。首先，我们正常的编写弹窗组件。如下：接下来，就是Vue.extend()出场了。我们在main.js入口文件中，使用Vue.use()安装后，就可以在任何地方使用了~~。小结：首先，Vue.extend 获得是一个构造函数，可以通过实例化生成一个 Vue 实例。实例化时可以向这个实例传入参数，但是需要注意的是 props 的值需要通过 propsData 属性来传递。还可以通过$slot免费云主机域名s来自定义插槽内容。以上就是“Vue中Vue.extend()如何使用”这篇文章的所有内容，感谢各位的阅读！相信大家阅读完这篇文章都有很大的收获，小编每天都会为大家更新不同的知识，如果还想学习更多的知识，请关注百云主机行业资讯频道。

相关推荐: C++的并查集如何实现

这篇文章主要介绍了C++的并查集如何实现的相关知识，内容详细易懂，操作简单快捷，具有一定借鉴价值，相信大家阅读完这篇C++的并查集如何实现文章都会有所收获，下面我们一起来看看吧。并查集是一种多叉树，用于处理不相交的集合的合并与查询问题（判断）。通俗理解：在日常…