如何将Vue插件从封装到发布形成完整步骤记录？

本文共计979个文字，预计阅读时间需要4分钟。

插件分类 + 添加全局方法或属性 + 例如：vue-element + 添加全局资源 + 例如：指令+v-bind + 通过mixin方法添加的一些混合 + 添加Vue实例方法 + Vue.prototype上 + 插件的使用 + 通过全局方法 + Vue.use()

插件的分类

• 添加全局的方法或者属性 比如：vue-element
• 添加全局的资源 比如：指令 v-bind
• 通过mixin方法添加的一些混合
• 添加Vue实例方法 Vue.prototype上面

插件的使用

通过全局方法 Vue.use() 使用插件。它需要在你调用 new Vue() 启动应用之前完成：

// 调用 `MyPlugin.install(Vue)` Vue.use(MyPlugin) new Vue({ //... options })``` 也可以传入一个选项对象： ``` javascript Vue.use(MyPlugin, { someOption: true })

插件开发

Vue.js 的插件有一个公开方法 install。