vue.extend与vue的区别与联系 财团

如果只关心发展，不了解基础知识，那将是未来解决问题过程中的一大难题。今天，边肖花时间重复这些基本概念，供大家将来学习。

Vue.extend({})的简要说明：使用Vue.extend返回一个子类构造函数，即带有一些预置选项的Vue实例构造函数。

之后可以用vue实例化。组件，或者用新的extendName()实例化。$mount('' el)(以便模拟vue.component)。

vue.com简介({}):我就不多介绍了。用于生成全局组件

使用：

1.vue.com组件使用Vue.extend生成的构造函数：

2、实例化构造函数来模拟组件：

vue.extend和vue的区别总结。合作

在Vue.js中，Vue本身就是一个构造函数。

Vue.extend()是从方法继承的类，参数是包含组件选项的对象。其目的是创建Vue的子类并返回相应的构造函数。

事实上，Vue.component()是一种类似于Vue.directive()和Vue.filter()的注册方法。其目的是给指定的构造函数一个字符串类型的标识。

后来，Vue.js可以用它作为模板。事实上，当您将选项直接传递给vue.com()时，它后面会调用Vue.extend()。

Vue.js支持两种不同的API模型：一种是基于类的、命令式的、主干式的API；另一个是基于标记语言的声明性网络组件类型应用编程接口。

如果您仍然感到困惑，您可以想象您是如何通过新的image()或img标记创建图像元素的。

这两种方法对于指定的类型都很有用，Vue.js只是提供了更好的灵活性。

让我们看看vue.extend、new vue和vue的区别。协作。

Extend是构造组件的语法工具。你给它参数，他给你一个分量，然后这个分量

你可以把它应用到vue的全球注册方法中。组件，您也可以在任何Vue模板中使用apple Vue.component

var apple=Vue.extend({ …)。}) Vue.component('apple '，apple)

您可以对组件中的vue实例或components属性进行操作，并在内部使用apple components

新Vue({ components 3360 { apple : apple } })

您可以创建Vue.component，或者采用如下组件

var apple=vue.com(' apple ')而new vue是一个新的vue对象，所以可以理解为newvue.extandvue.com。