自定义vue插件

let myplugin = {
    install: function (Vue, Options) {
        //在这里写插件需要实现的功能
        // 定义全局指令
        Vue.directive("lee", function (el, binding) {
            console.log(el, binding);

            el.textContent = binding.value;

        });
        //为vue的构造方法添加$my方法
        Vue.prototype.$my = function () {
            console.log("my插件为vue对象添加方法");

        }
    }
}
window.my = myplugin;

use(my)会自动调用插件对象的install方法
从而实现对Vue的操作

<script src="./npmtest/my.js"></script>
 Vue.use(my);
        vue.$my();
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 自定义的vue插件,在我的理解中,分为两种: 1.注册成全局组件的形式 比如,你在main,js中Vue.use(...
    maosheng阅读 1,168评论 0 0
  • Vue 实例 属性和方法 每个 Vue 实例都会代理其 data 对象里所有的属性:var data = { a:...
    云之外阅读 2,241评论 0 6
  • ## 框架和库的区别?> 框架(framework):一套完整的软件设计架构和**解决方案**。> > 库(lib...
    Rui_bdad阅读 2,971评论 1 4
  • 第一章 Vue概述 what? Vue是实现UI层的渐进式js框架,核心库关注视图层,简单的ui构建,复杂的路由控...
    fastwe阅读 742评论 0 0
  • 轻跑的风阅读 127评论 0 0