按照官方文档的例子:
一、下方例子是在子组件中引入部分elmentui的组件,而非在全局中引入部分组件的方式
因为是引入部分组件,所以按照习惯这样写了:
import { ElContainer } from 'element-ui'
... // 省略了其他部分,只展示components部分
components: {
ElContainer
}
...
结果布局不仅没有生效,还报错说组件没有注册。于是乎看了elementui导出的组件名字:
export default {
...,
Container
}
综上,因为文件导出的名字是Container,所以我们在引入的时候应该是用:
import { Container } from 'element-ui'
... // 省略了其他部分,只展示components部分
components: {
ElContainer: Container
}
...
二、在全局中引入部分组件
同理,在全局中正确的方式应该是
import { Container } from 'element-ui'
Vue.use(Container)