Day03-07：Element快速入门

Day03-07：Element快速入门

1.什么是Element：

1.Element：是饿了么团队研发的，一套为开发者、设计师和产品经理准备的基于Vue2.0的桌面端组件库

2.组件：组成网页的部件，例如：超链接、图片、按钮、表格、表单、分页条等等

3.官网：https://element.eleme.cn/#/zh-CNListener

2.快速入门

1.安装ElementUI组件库(在当前工程的目录下)，在命令行执行命令

npm install element-ui@2.15.3

2.引入ElementUI组件库

​ import ElementUI from 'element-ui';

​ import 'element-ui/lib/theme-chalk/index.css';

​

​ Vue.use(ElementUI); 加入main.js这个组件文件当中

3.访问官网，复制组件代码，调整

3.在src文件夹的views文件夹下创建一个Element文件，里面用来存放.vue项目

默认情况下展示的是根组件里面的内容，也就是App.vue,而现在想展示的ElementView.vue里面的内容，所以就需要在根组件中引入ElementView.vue里面的内容

所以需要把原来的内容注释掉，即在div标签里面输入 ，然后会自动导包和把组件加入到vue中。

vscode的智能输入要输<element 记得要输左箭头