vue怎么把api 挂载到全局_Vue全局API简析

Vue定义了一些API，然后把它放在Vue对象上方便在Vue项目中全局使用

Vue.extend

Vue.extend的参数为一个组件的options，然后返回一个构造函数用于生成新组件。options有哪些属性呢，想象一下平时我们写的Vue组件，主要有template、data、methods还有生命周期函数等等。

demo的话可以查看Vue文档，以下是粘贴的源码。

function initExtend (Vue) {

/**

* Each instance constructor, including Vue, has a unique

* cid. This enables us to create wrapped "child

* constructors" for prototypal inheritance and cache them.

*/

Vue.cid = 0;

var cid = 1;

/**

* Class inheritance

*/

Vue.extend = function (extendOptions) {

extendOptions = extendOptions || {};

var Super = this;

var SuperId = Super.cid;

var cachedCtors = extendOptions._Ctor || (extendOptions._Ctor = {});

if (cachedCtors[SuperId]) {

return cachedCtors[SuperId]

}

var name = extendOptions.name || Super.options.name;

if (name) {

validateComponentName(name);

}

var Sub = function VueComponent (options) {

this._init(options);

};

Sub.prototype = Object.create(Super.prototype);

Sub.prototype.constructor = Sub;

Sub.cid = cid++;

Sub.options = mergeOptions(

Super.options,

extendOptions

);

Sub['super'] = Super;

// For props and computed properties, we define the proxy getters on

// the Vue instances at extension time, on the extended prototype. This

// avoids Object.defineProperty calls for each instance created.

if (Sub.options.props) {

initProps$1(Sub);

}

if (Sub.options.computed) {

initComputed$1(Sub);

}

// allow further extension/mixin/plugin usage

Sub.extend = Super.extend;

Sub.mixin = Super.mixin;

Sub.use