-
- Vue的组件化
-
- Vue脚手架环境搭建
-
创建Vue脚手架工程
-
- 打开项目
-
运行项目
-
课堂案例
-
- 1.将App.vue文件里面默认代码删除
-
2.创建组件
-
3.测试组件化
-
案例升级
-
案例再升级
-
- 导入axios
-
更改main.js
-
前端代码
-
使用Element-Plus框架
Vue脚手架环境搭建
我这里直接放一个安装教程的PDF
创建Vue脚手架工程
1、在cmd输入vue ui
打开项目
运行项目
课堂案例
用vue的组件化实现
1.将App.vue文件里面默认代码删除
2.创建组件
在components文件夹下面创建四个组件Top.vue,Bottom.vue,Left.vue,Right.vue分别代表Top,Bottom,Left,Right
3.测试组件化
在每一个组件里面加一个可以识别的标签
- 在
App.vue
里面导入组件
- 关闭严格的语法检查
在根目录下创建
vue.config.js
文件,文件名和路径不能错,重启HBuilder
才能生效
module.exports = {
lintOnSave:false
}
- 调css样式
自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。
深知大多数前端工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则几千的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!
因此收集整理了一份《2024年Web前端开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上前端开发知识点,真正体系化!
由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!
如果你觉得这些内容对你有帮助,可以扫码获取!!(备注:前端)
![](https://i-blog.csdnimg.cn/blog_migrate/7ce3f506d7288be69f1d8a673ae2c017.jpeg)
最后:
总结来说,面试成功=基础知识+项目经验+表达技巧+运气。我们无法控制运气,但是我们可以在别的地方花更多时间,每个环节都提前做好准备。
面试一方面是为了找到工作,升职加薪,另一方面也是对于自我能力的考察。能够面试成功不仅仅是来自面试前的临时抱佛脚,更重要的是在平时学习和工作中不断积累和坚持,把每个知识点、每一次项目开发、每次遇到的难点知识,做好积累,实践和总结。
!!(备注:前端)**
![](https://i-blog.csdnimg.cn/blog_migrate/7ce3f506d7288be69f1d8a673ae2c017.jpeg)
最后:
总结来说,面试成功=基础知识+项目经验+表达技巧+运气。我们无法控制运气,但是我们可以在别的地方花更多时间,每个环节都提前做好准备。
面试一方面是为了找到工作,升职加薪,另一方面也是对于自我能力的考察。能够面试成功不仅仅是来自面试前的临时抱佛脚,更重要的是在平时学习和工作中不断积累和坚持,把每个知识点、每一次项目开发、每次遇到的难点知识,做好积累,实践和总结。