Vue + ElementUI 实现后台管理系统模板 -- 前端篇（三）：引入 element-ui 定义基本页面显示

最后

推荐一些系统学习的途径和方法。

每个Web开发人员必备，很权威很齐全的Web开发文档。作为学习辞典使用，可以查询到每个概念、方法、属性的详细解释，注意使用英文关键字搜索。里面的一些 HTML，CSS，HTTP 技术教程也相当不错。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

HTML 和 CSS：

【官网：】

https://element.eleme.cn/#/zh-CN

【文档：】

https://element.eleme.cn/#/zh-CN/component/installation

2》安装

UI框架。使用 element-ui 用于实现页面的绘制。

【安装方式一：（npm 安装）】

npm i element-ui -S

【安装方式二：（CDN 方式引入）】

3》引入 element-ui

在 main.js 中引入（也可以自定义一个 js，然后在 main.js 中引入自定义的 js）。

二、修改app.vue

---

1》简介

入口文件，通过 router 将组件 显示在 router-view 标签处。

2》修改页面内容

三、404页面

---

1》简介

定义错误页面。当错误发生时，用于跳转到 404 页面。

2》代码

404

抱歉！您访问的页面失联啦 ...

<el-button @click=“$router.go(-1)”>返回上一页

<el-button type=“primary” class=“not-find-btn-gohome” @click=“$router.push({ name: ‘Home’ })”>进入首页

3》路由

4》页面展示

四、Login.vue登录页面

---

1》简介

登录页 未登录时跳转到登录页面

文末

js前端的重头戏，值得花大部分时间学习。

推荐通过书籍学习，《 JavaScript 高级程序设计（第 4 版）》你值得拥有。整本书内容质量都很高，尤其是前十章语言基础部分，建议多读几遍。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

另外，大推一个网上教程 现代 JavaScript 教程 ，文章深入浅出，很容易理解，上面的内容几乎都是重点，而且充分发挥了网上教程的时效性和资料链接。

学习资料在精不在多，二者结合，定能构建你的 JavaScript 知识体系。

面试本质也是考试，面试题就起到很好的考纲作用。想要取得优秀的面试成绩，刷面试题是必须的，除非你样样精通。

这是288页的前端面试题