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 loginVue.use(Login) 的时候,会执行内部的install方法. 就相当于执行了 Vue.component('login-component', LoginComponent );

Answer 2

Vue.use还可以传入参数内部可以注册多个组件 或filter directive之类