组件的全局化加载方案

在有些情况下组件可以全局范围多次使用，例如轮播组件，导航条组件，可以将组件的引入方式变成组件的全局化加载方式。

1.在需要变成全局组件同级目录创建一个js文件

import swiper from "./swiper.vue"
//加载方案
export default (Vue)=>{
    //第一个参数组件的名字，第二个参数组件本身
    Vue.component(swiper.name,swiper)
}

2.在全局入口的main.js中注册

import swiper from "./views/swiper/swiper"
//这里引入的是上面创建的js文件
Vue.use(swiper)

3可以在任意组件中进行使用

<template>
 <div>
<h1>全局组件</h1>
<swiper></swiper>
<p>-----------------------</p>
<h1>login组件</h1>
<router-link to="/login">登录</router-link>
<router-view></router-view>
 </div>
</template>