官方介绍:https://cn.vuejs.org/v2/guide/plugins.html#%E5%BC%80%E5%8F%91%E6%8F%92%E4%BB%B6
vue插件
插件通常用来为 Vue 添加全局功能。插件的功能范围没有严格的限制——一般有下面几种:
-
添加全局方法或者 property。如:vue-custom-element
-
添加全局资源:指令/过滤器/过渡等。如 vue-touch
-
通过全局混入来添加一些组件选项。如 vue-router
-
添加 Vue 实例方法,通过把它们添加到
Vue.prototype
上实现。 -
一个库,提供自己的 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方法