Vue全局组件注册的疑问

Question

Login.vue

<template>
    <div class="loading-box">
        Login
    </div>
</template>
export default {

}

index.js

// 引入组件
import LoginComponent from './Login.vue'
const login ={
    install:function(Vue){
        Vue.component('login-component',LoginComponent )
    }
}
// 导出
export default login 

main.js

import Loading from './index.js'
Vue.use(Login)

-----------------------分割线
上面是第一种注册全局组件的方式，还有第二种简单粗暴的方式。
main.js

import LoginComponent from 'Login.vue'
Vue.component('login-component', LoginComponent );

--------------------------------------------结尾
我想问问大佬们，这两种方式有啥区别。我试了试没啥区别呀，都能用。

Answer 1

你上面的代码不是已经很清楚了吗？

// 引入组件
import LoginComponent from './Login.vue'
const login ={
 install:function(Vue){
     Vue.component('login-component',LoginComponent )
 }
}
// 导出
export default login 

Vue.use(Login) 的时候,会执行内部的install方法. 就相当于执行了 Vue.component('login-component', LoginComponent );

Answer 2

Vue.use还可以传入参数

内部可以注册多个组件 或filter directive之类