封装vue插件

例如：我要在components下封装一个面包屑插件公用与各个页面，我需要在每个页面下impont导入，导致多个页面重复需要import导入，所以决定要对这个组件进行封装

第一步：在components下创建index.js文件

//定义一个插件

//规则：模块向外暴露一个对象，对象中选项install，指向的是函数，函数传参vue

//功能：函数内去实现插件逻辑业务

import MyBread from '@/components/my-bread'

export default{

  install(Vue){

      //vue是import Vue from 'vue'

      //Vue.component('组件名称','组件配置对象')

　　　//组件名称可以在面包屑里面定义name

      Vue.component(MyBread.name,MyBread)

  }

}

第二步：使用封装的vue组件注册到全局，在main.js

import plugins from '@/components'

Vue.use(plugins)