vue 开发插件

官方介绍:https://cn.vuejs.org/v2/guide/plugins.html#%E5%BC%80%E5%8F%91%E6%8F%92%E4%BB%B6

vue插件

插件通常用来为 Vue 添加全局功能。插件的功能范围没有严格的限制——一般有下面几种:

  1. 添加全局方法或者 property。如:vue-custom-element

  2. 添加全局资源:指令/过滤器/过渡等。如 vue-touch

  3. 通过全局混入来添加一些组件选项。如 vue-router

  4. 添加 Vue 实例方法,通过把它们添加到 Vue.prototype 上实现。

  5. 一个库,提供自己的 API,同时提供上面提到的一个或多个功能。如 vue-router

1、编写插件文件 myPlugin.js(这里注意:Vue.js 的插件应该暴露一个 install 方法。这个方法的第一个参数是 Vue 构造器,第二个参数是一个可选的选项对象:)

这里我们默认导出一个对象,一定要有install回调方法,接收Vue 和 options参数

2、使用插件(引入插件,Vue.use() 使用即可,注意:Vue.use() 一定要在 new Vue() 之前)

3、问题:这里插件里面的东西不是可以直接在 main.js 中去写吗?为什么要是用插件

答:这个插件是别人开发的,然后你去使用的,比如element-ui,vant-ui等UI插件

4、插件会注册到你的每一个vue.component 实例上

(1)全局 filter 方法 “sum”

 (2)添加的实例方法$alert,VueComponent 继承于 Vue实例,所以在原型上有$alert方法

 

原文地址:https://www.cnblogs.com/liangziaha/p/15499625.html