2018-01-13

Vue 用模块化的方式构建项目

想要提高代码的复用性，vue 项目中可以使用插件的方法：

MyPlugin.install = function (Vue, options) {

// 1. 添加全局方法或属性

Vue.myGlobalMethod =function(){

    // 逻辑...

  }

// 2. 添加全局资源

Vue.directive('my-directive', {

bind (el, binding, vnode, oldVnode) {

    // 逻辑...

}

...

})

// 3. 注入组件

Vue.mixin({

created:function(){

    // 逻辑...

}

...

})

// 4. 添加实例方法

Vue.prototype.$myMethod =function(methodOptions){

// 逻辑...

}

}