Vue插件的学习

Vue.js 的插件应当有一个公开方法 install 。这个方法的第一个参数是 Vue 构造器 , 第二个参数是一个可选的选项对象:

    const toast = {

        install( Vue,options ){

                Vue.myGlobalMethod =function(){// 1. 添加全局方法或属性,如: vue-custom-element// 逻辑...}  

                Vue.directive('my-directive', {// 2. 添加全局资源:指令/过滤器/过渡等,如 vue-touchbind (el, binding, vnode, oldVnode) {// 逻辑...} ... })

                 Vue.mixin({created:function(){// 3. 通过全局 mixin方法添加一些组件选项,如: vuex// 逻辑...} ... })

                 Vue.prototype.$myMethod =function(options){// 4. 添加实例方法,通过把它们添加到 Vue.prototype 上实现// 逻辑...}

        }

    } 

    module.exports = toast;


例子:

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

推荐阅读更多精彩内容