Element学习（入门）（1）

1、Element官网：https://element.eleme.cn/#/zh-CN

2、来源与用处

3、Element的快速入门

（1）

（2）在入口文件（main.js）中引入

（3）

4、快捷键ctrl+c，在当前的项目终端关闭

 

5、npm安装

注意在当前工程下安装element组件库

输入：npm i element-ui -S

6、Element官网——>快速上手

7、App.vue是我们的根组件，定义其它的组件页面通通放在views目录下

8、通常在views目录下单独再创建一个目录——"element"，用来存放element的一些组件。

还有文件命名一般采用驼峰命名

9、.vue结尾的组件文件中有三个部分

（1）<template>(html代码(模板))

（2）<script>（定义vue当中的数据模型和方法）

（3）<style>（定义css当中的代码）

（4）最后的基本结构已经完成，然后接着去element官网复制组件代码，然后调整就可以了

10、tab键调整代码整齐

11、通常都是默认展示根组件文件App.vue里的内容，如何展示自己创建的组件文件的内容？

所以要在根组件文件中去尝试更改和引入。（通过标签引入）

12、初步尝试成功！

13、安装插件很重要，但是我自己的补全不了，不知道为啥。