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

相关推荐
GHL2842710902 小时前
i++汇编学习
汇编·学习
A9better5 小时前
嵌入式开发学习日志31——stm32之外部中断与定时器中断的差别与选择
stm32·单片机·学习
zhangrelay5 小时前
ROS2学习研究版本推荐:Jazzy Jalisco(LTS长期支持版)AI版本251001
笔记·学习
xyx-3v7 小时前
已知三极管的类型(NPN/PNP)和基极引脚,如何区分集电极(c)和发射极(e)
单片机·嵌入式硬件·学习
大白的编程日记.7 小时前
【Linux学习笔记】线程概念和控制(二)
linux·笔记·学习
半夏知半秋7 小时前
skynet-socket.lua源码分析
服务器·开发语言·学习·架构·lua
低代码布道师7 小时前
学习低代码,需要什么基础?
学习·低代码
西猫雷婶8 小时前
random.shuffle()函数随机打乱数据
开发语言·pytorch·python·学习·算法·线性回归·numpy
随机惯性粒子群8 小时前
STM32控制开发学习笔记【基于STM32 HAL库】
笔记·stm32·嵌入式硬件·学习
一條狗8 小时前
学习日报 20250930|多优惠券叠加核销及场景互斥逻辑
学习·核销