Element-UI 要怎么学？官方文档！

}

}

• 组件的 方法(Methods)：

在对应的组件中加入 ref="组件别名"；

通过 this.$refs.组件别名.方法名() 调用方法；

方法的使用

<el-button @click=“focusInputs”>focus方法

<el-button @click=“blurInputs”>blur方法

Basic 组件

===========================================================================

Button 按钮

---

官方文档索引：https://element.eleme.cn/#/zh-CN/component/button

• 大部分用法是设置 button 的样式，注意 按钮组 的用法；

Link 文字链接

---

官方文档索引：https://element.eleme.cn/#/zh-CN/component/link

Layout 布局

---

官方文档索引：https://element.eleme.cn/#/zh-CN/component/layout

• Element UI 中是 24 分栏，迅速简便地创建布局。

• 一个布局组件由 el-row 和 el-col 组合构成，使用属性时要区分 行属性 与 列属性；

• <el-row :gutter="20"> 指定每一栏之间的间隔，默认间隔为 0；

• <el-col :span="24"> 用来组合一栏的布局，一栏是分为 24 部分；

• <el-col :span="6" :offset="6"> 中利用 offset 指定分栏偏移的栏数；

Container 布局容器

---

官方文档索引：https://element.eleme.cn/#/zh-CN/component/container#container-bu-ju-rong-qi

• Container 是用于布局的容器组件，方便快速搭建页面的基本结构；

• 容器包含 <el-container>、<el-header>、<el-aside>、<el-main>、<el-footer>；

Form 组件

==========================================================================

Radio 单选框

---

官方文档索引：https://element.eleme.cn/#/zh-CN/component/radio

• 在使用 Radio 时至少加入 v-model 和 label 两个属性；

• 注意 Radio 按钮组；

Checkbox 多选框

---

官方文档索引：https://element.eleme.cn/#/zh-CN/component/checkbox

Input 输入框

---

官方文档索引：https://element.eleme.cn/#/zh-CN/component/input

• Input 为受控组件，它总会显示 Vue 绑定值。

• autocomplete 是一个带 输入建议 的输入框组件，也可以自定义输入建议显示模板；

• 事件的使用：

<el-input v-model=“username” @blur=“aaa” @focus=“bbb”

@clear=“clears” clearable @input=“ccc”>

• 方法的使用：

方法的使用

<el-button @click=“focusInputs”>focus方法

<el-button @click=“blurInputs”>blur方法

Select 选择器

---

官方文档索引：https://element.eleme.cn/#/zh-CN/component/select

• 事件的使用：

<el-select v-model=“cityId” @change=“aaa” multiple clearable>

<el-option v-for=“option in options” :label=“option.name”

:value=“option.id” :key=“option.id”>

• 方法的使用：

1.给组件通过ref起别名并绑定到vue实例中

<el-select ref=“selects” v-model=“cityId” @change=“aaa” multiple clearable>

…

2.调用方法

this.$refs.selects.focus(); //方法调用

Switch 开关

---

官方文档索引：https://element.eleme.cn/#/zh-CN/component/switch

• 事件的使用：

<el-switch v-model=“value” @change=“aaa”>

• 方法的使用：

<el-button @click=“bbb”>调用方法

DatePicker 日期选择器

---

官方文档索引：https://element.eleme.cn/#/zh-CN/component/date-picker

• Picker Options：用来对日期控件做自定义配置；

• Shortcuts：用来增加日期组件的快捷面板；

• Picker Options 用来对日期的选择进行控制；

Upload 上传

---

官方文档索引：https://element.eleme.cn/#/zh-CN/component/upload

• 使用 Upload组件 必须设置 action 属性，action 属性为必要参数不能省略；

• Upload组件 没有 Event事件，所有事件都是 Attribute属性；

• 方法的使用：

<el-upload ref=“uploads” …>…

// 方法调用:

this.$refs.uploads.clearFiles();

this.$refs.uploads.abort();

this.$refs.uploads.submit();

Form 表单

---

官方文档索引：https://element.eleme.cn/#/zh-CN/component/form

• Form 组件提供了表单验证的功能，只需要通过 rules 属性传入约定的验证规则，并将 Form-Item 的 prop 属性设置为需校验的字段名即可；

• 表单验证 和 自定义表单验证，详情参照官方文档；

Notice 组件

============================================================================

Alert 警告

---

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数Java工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Java开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Java开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录大纲截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且后续会持续更新

如果你觉得这些内容对你有帮助，可以添加V获取：vip1024b （备注Java）

最后

无论是哪家公司，都很重视基础，大厂更加重视技术的深度和广度，面试是一个双向选择的过程，不要抱着畏惧的心态去面试，不利于自己的发挥。同时看中的应该不止薪资，还要看你是不是真的喜欢这家公司，是不是能真的得到锻炼。

针对以上面试技术点，我在这里也做一些分享，希望能更好的帮助到大家。

一个人可以走的很快，但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎扫码加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

%以上Java开发知识点，真正体系化！**

由于文件比较大，这里只是将部分目录大纲截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且后续会持续更新

如果你觉得这些内容对你有帮助，可以添加V获取：vip1024b （备注Java）
[外链图片转存中…(img-m7R8YLan-1712841878537)]

最后

无论是哪家公司，都很重视基础，大厂更加重视技术的深度和广度，面试是一个双向选择的过程，不要抱着畏惧的心态去面试，不利于自己的发挥。同时看中的应该不止薪资，还要看你是不是真的喜欢这家公司，是不是能真的得到锻炼。

针对以上面试技术点，我在这里也做一些分享，希望能更好的帮助到大家。

[外链图片转存中…(img-PHS9xp0w-1712841878537)]

[外链图片转存中…(img-9vmaAzUL-1712841878537)]

[外链图片转存中…(img-n5j0dsZ3-1712841878538)]

一个人可以走的很快，但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎扫码加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！
[外链图片转存中…(img-NEzxcCrD-1712841878538)]