Vue中组件(Component)和插件(Plugin)的区别及说明

// 全局注册
vue.component('my-component', {
  template: '<div>a custom component!</div>'
})

// 局部注册
const componenta = { /* ... */ }
new vue({
  components: { 'component-a': componenta }
})

const myplugin = {
  install(vue, options) {
    // 1. 添加全局方法/属性
    vue.myglobalmethod = function() { /* ... */ }
    
    // 2. 添加全局指令
    vue.directive('my-directive', { /* ... */ })
    
    // 3. 注入组件选项
    vue.mixin({ created() { /* ... */ } })
    
    // 4. 添加实例方法
    vue.prototype.$mymethod = function() { /* ... */ }
  }
}

// 使用插件
vue.use(myplugin, { someoption: true })