vuejs学习索引
2023年1月23日大约 2 分钟
上一级页面:前端学习路线-目录
本系列关注前端部分,根据学习路线图达到学习Vue.js的目的
developer路线图developer-roadmap/translations/chinese at master · kamranahmedse/developer-roadmap
前言
在开始Vue.js的学习之前,至少需要了解HTML+CSS+JS的基础知识。
预科要求
对HTML+CSS+JS有一些基础要求,具体见前端学习路线-目录
三个学习阶段
vue.js基础
- vue-js-学习-1-创建第一个vue-js应用
- vue-js-学习-2-模板语法
- vue-js-学习-3-响应式基础
- vue-js-学习-4-类与样式绑定
- vue-js-学习-5-条件渲染-列表渲染
- vue-js-学习-6-事件处理
- vue-js-学习-7-表单输入绑定
- vue-js-学习-8-生命周期-侦听器-模板引用
- vue-js-学习-9-组件基础
前后端分离,前端的职责
项目实战
vue建议我们接下来去用 Vue 做一些有趣的东西,或者研究一些示例。然后才是深入组件的部分。
这里选择先做一点Demo小项目:SpringBoot后台管理系统
然后做一些炫技的玩具项目:待找
最后做一个实战项目:谷粒商城
Demo项目
这里选择先做一点Demo小项目:SpringBoot后台管理系统
- Demo项目:springboot-vue-后台管理系统
玩具项目
做一些炫技的玩具项目,玩具项目一般就是拿来炫技的,业务逻辑简单,技术用的多,整合技术概念用的
这个系列最终由一个项目:谷粒商城来结尾。
- 谷粒商城:springboot-gulimall
Pinia快速上手
vue router快速上手
vue axios快速上手
深入vue组件
从这里开始,一边深入vue的组件,一遍看官方的示例。
官方文档:组件注册 | Vue.js (vuejs.org)
示例:Examples | Vue.js (vuejs.org)