vue之插件


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

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

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

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

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

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

功能:用于增强vue

本质:包含install方法的一个对象,install的第一个参数是Vue,第二个以后的参数是插件使用者传递的数据。 定义插件:     对象.install = function (Vue, options) {         // 1. 添加全局过滤器         Vue.filter(....)             // 2. 添加全局指令         Vue.directive(....)             // 3. 配置全局混入(合)         Vue.mixin(....)             // 4. 添加实例方法         Vue.prototype.$myMethod = function () {...}         Vue.prototype.$myProperty = xxxx     }   使用插件:Vue.use()    scoped样式
1. 作用:让样式在局部生效,防止冲突。 2. 写法: