vue引入组件方式，哪个好一点？

Question

1、直接路径引入
components: {

    'xyAddNew': () => import('../../components/sym_1/item_a/addNew'),
    'xyEdit': () => import('../../components/sym_1/item_a/edit')     

}

2、这个是封装为组建的方式？
import {

xyHeader,
xySide

} from '@/components';
export default {

name: 'index',
components: {
    xyHeader,
    xySide
}

}

Answer 1

个人觉得第二种比较优雅

Answer 2

在idea中 使用第一种能通过ctrl+鼠标进入引入文件
当路径过长,路径比较难看,例如 ./../../path