vue引用组建的时候为什么要写一个indexj.s？

Question

如图所示，这个index.js的作用是导出这个组件。但是不写这个index.js不是一样可以在别的地方通过import这个login-form.vue而使用这个组件吗？

Answer 1

这样写是为了你方便导入。
如果不这样写，你导入的时候得这样写：

import loginFrom from './login-form/login-form'

加上 index.js 之后：

// 会默认找 login-form 下面的 index.js
import loginFrom from './login-form'

Answer 2

这个文件可以合并导出多个组件，让你写的多个组件可以在main.js或者其它位置统一引入。

Answer 3

可以简写一点

import loginFrom from './login-form/login-form'
import loginFrom from './login-form'

Answer 4

用了index.js，可以将使用组件注册机制，在vue中注册为全局组件，方便在其他地方直接调用

import _SysUser from './BCSysUser.vue'
import _SysRole from './BCSysRole.vue'

const SysAdminComponent = {
    install: function(Vue) {
        Vue.component('bc-sys-user', _SysUser)
        Vue.component('bc-sys-role', _SysRole)
    }
}

export default SysAdminComponent