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 loginmain.jsimport Loading from './index.js'Vue.use(Login)-----------------------分割线上面是第一种注册全局组件的方式，还有第二种简单粗暴的方式。main.jsimport 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之类