本文我们将学习如何制作一个vue插件，并将其分发到npm上，能够让其他人安装使用.

创新互联成立与2013年，是专业互联网技术服务公司，拥有项目成都网站建设、成都做网站网站策划，项目实施与项目整合能力。我们以让每一个梦想脱颖而出为使命，1280元万宁做网站,已为上家服务,为万宁各地企业和个人服务,联系电话:13518219792

插件大大地提高了开发者的开发效率。我们的大多数项目都依赖于它们，因为它们能够以极快的速度发布新功能。

正如官方Vue.js文档中所述，插件的范围没有限制。通常我们想实现的功能有下面5种:

• 添加全局方法或者属性 (如: vue-custom-element)
• 添加全局资源：指令/过滤器/过渡等 (如：vue-touch)
• 通过全局 mixin 方法添加一些组件选项 (如：vue-router)
• 添加 Vue 实例方法，通过把它们添加到 Vue.prototype 上实现 (如：vue-axios)
• 一个库，提供自己的 API，同时提供上面提到的一个或多个功能（如：vue-router）

OK，现在你了解了vue插件是什么了，以及它可以满足哪些需求！

如何在vue项目中使用插件

通过npm install或yarn add安装插件后，你需要在main.js文件中导入它并调用Vue.use（）全局方法。

注意：在new Vue() 前，必须先实例化所有插件.

import Vue from "vue";
import MyPlugin from "myplugin";

Vue.use(MyPlugin);

new Vue({
// [...]
})

名称栏目：Vue.js构建你的第一个包并在NPM上发布的方法步骤-创新互联
文章分享：http://cdweb.net/article/cdeioe.html