2018-01-13

2018-01-13  本文已影响0人  长歌_4e85

<h3>Vue 用模块化的方式构建项目</h3>

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

<code>

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){

// 逻辑...

}

}

</code>

上一篇 下一篇

猜你喜欢

热点阅读