Unknown custom element:XXXX vue导入element组件

我们在vue项目中使用Element 组件时
使用了一些组件提供的元素后提示找不到，原因是我们组件的元素没有导入，我们需要什么组件必须先导入才能正常使用，接下来我们一起看一下如何导入我们所需要的元素

可以完整的引入整个Element

引入方式：在main.js中写入以下内容

import Vue from 'vue';
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
import App from './App.vue';

Vue.use(ElementUI);

new Vue({
  el: '#app',
  render: h => h(App)
});

我们也可以只引入我们所需要的组件，以达到减小项目体积的目的

在plugins文件下element.js中引入用到的元素
例如：

import Vue from 'vue'
import {Button} from 'element-ui'
import {Form,FormItem} from 'element-ui'
import {Input} from 'element-ui'

引入完成后，需要将引入的组件注册成全局可用的组件

Vue.use(Button)
Vue.use(Form)
Vue.use(FormItem)
Vue.use(Input)

经过上述步骤 可以看到运行后不再报错了