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、安装插件很重要,但是我自己的补全不了,不知道为啥。

相关推荐
执笔论英雄24 分钟前
【大模型推理】ScheduleBatch 学习
java·spring boot·学习
AL流云。1 小时前
学习Docker前提:多环境安装Docker
学习·docker·eureka·1024程序员节
2301_803554522 小时前
Http学习
网络协议·学习·http
风已经起了2 小时前
FPGA学习笔记——用Vitis IDE生成工程(串口发送)
笔记·学习·fpga开发·fpga·1024程序员节
学工科的皮皮志^_^2 小时前
锂电池充放电管理学习
经验分享·笔记·单片机·嵌入式硬件·学习·1024程序员节
"菠萝"2 小时前
C#知识学习-018(方法参数传递)
学习·c#·1024程序员节
py有趣3 小时前
LeetCode学习之实现strStr()
学习·算法·leetcode
雨奔3 小时前
Flask 学习路线图
数据库·学习·flask
YuforiaCode3 小时前
学习从0开始使用内网穿透工具cpolar(个人记录、详细图解)
学习
@AfeiyuO4 小时前
el-table 表格嵌套表格
前端·elementui·vue