2018-01-13

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


想要提高代码的复用性,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>

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 这篇笔记主要包含 Vue 2 不同于 Vue 1 或者特有的内容,还有我对于 Vue 1.0 印象不深的内容。关于...
    云之外阅读 5,095评论 0 29
  • Vue 用模块化的方式构建项目 想要提高代码的复用性,vue 项目中可以使用插件的方法: MyPlugin.in...
    长歌_4e85阅读 156评论 0 0
  • 深入响应式 追踪变化: 把普通js对象传给Vue实例的data选项,Vue将使用Object.defineProp...
    冥冥2017阅读 4,911评论 6 16
  • Vue 实例 属性和方法 每个 Vue 实例都会代理其 data 对象里所有的属性:var data = { a:...
    云之外阅读 2,273评论 0 6
  • . 数据为王:合格的增长黑客首先需要具有数据思维。没有数据就没有比较,没有比较就没有进步。增长黑客的一切工作都是建...
    Leif要进步阅读 136评论 0 0