plugin插件

plugin用于增强Vue。

示例：定义一个插件（插件需要实现install()方法）

  1. export default {
  3.     // install 可以接收到Vue对象（此处不是vm，而是vm的创建者Vue）
  4.     install(Vue) {
  6.         // 通过传入的Vue对象，可以添加全局的过滤器、全局指令、全局混入等等
  8.         Vue.filter('mySlice', function(value){
  9.             return value.slice(0,4)
  10.         })
  12.         Vue.directive('fbind', {
  13.             bind(element, binding) {
  14.                 element.value = binding.value
  15.             }
  16.         })
  18.         Vue.mixin({
  19.             data() {
  20.                 return {
  21.                     title: 'test'
  22.                 }
  23.             }
  24.         })
  26.         // 给Vue原型上添加一个方法，之后vm和vc都可以使用该方法
  27.         Vue.prototype.sayHello = () => (alert('hello'))
  28.     }
  29. }

使用插件：在main.js的new Vue之前，通过use使用插件：

  1. import plugins from './plugins'
  2. // 使用插件
  3. Vue.use(plugins)

install参数

install方法的第一个参数是Vue，后面还可以继续接收到Vue.use中传入的其他参数。

例如：

  1. Vue.use(plugins, 1, 2, 3)

则：

  1. install(Vue, a, b, c ){
  2.     // 此处的Vue接收到的是Vue对象
  3.     // a可以接收到1，
  4.     // b可以接收到2
  5.     // c可以接收到3
  6. }