看到有人说要弄懂为什么学?学什么?怎么学?黑马本文来给大家解决这三点问题。
一、为什么学Vue?
虽然是废话还是要提一句:适应市场学习流行的技术提高自己的竞争力,为了找工作、涨薪。
Vue3现状:
- vue-next 2020年09月18日,正式发布vue3.0版本。但是由于刚发布周边生态不支持,大多数开发者处于观望。
- 现在主流组件库都已经发布了支持vue3.0的版本,其他生态也在不断地完善中,这是趋势。
- element-plus 基于 Vue 3.0 的桌面端组件库
- vant vant3.0版本,有赞前端团队开源移动端组件库
- ant-design-vue Ant Design Vue 2.0版本,社区根据蚂蚁 ant design 开发
Vue3优点:
- 最火框架,它是国内最火的前端框架之一,官方文档中文文档
- 性能提升,运行速度事vue2.x的1.5倍左右
- 体积更小,按需编译体积比vue2.x要更小
- 类型推断,更好的支持Ts(typescript)这个也是趋势
- 高级给予,暴露了更底层的API和提供更先进的内置组件
- ★组合API (composition api) ,能够更好的组织逻辑,封装逻辑,复用逻辑
Vue3展望:
- 这是趋势,越来越多的企业将来肯定会升级到Vue3.0
- 大型项目,由于对Ts的友好越来越多大型项目可以用Vue3.0
二、Vue入门学什么
Vue应该学习的内容如下:
- 1. 掌握 webpack 工程化的开发模式;
- 2. 掌握 Vue 常用的指令;
- 3. 掌握如何使用 vue-cli 快速创建工程化的 Vue 项目;
- 4. 掌握 SFC 单文件组件的各种详细用法;
- 5. 掌握如何实现组件之间的数据共享;
- 6. 掌握 Vue 项目中如何正确配置和使用 axios;
- 7. 掌握自定义指令、过滤器、插槽的使用;
- 8. 掌握 vue-router 的使用;
- 9. 掌握 vue-devtools 调试工具的使用;
- 10. 掌握 ref、动态组件、$nextTick 的使用;
- 11. 掌握 Vant、Element-UI 组件库的使用;
- 12. 能够使用 Vue 实现企业级项目的开发。
入门应该掌握的内容是:
- 能够知道vue的基本使用步骤
- 掌握插值表达式和v-bind指令的用法
- 能够掌握如何使用v-on指令绑定事件
- 能够使用v-model指令实现数据的双向绑定
- 能够使用v-if和v-else指令实现条件渲染
- 能够使用v-for指令实现列表数据的循环渲染
高效的学习方式为看课程——>做demo——>无论大小的实战——>项目源码——>总结心得。
三、Vue怎么学?
基础学习:如果能看进去官方文档就直接看文档学习,尤其VUE 3.0对我们太友好了,中文文档+最佳实践都很友好。看不进去就找一套教程看课,跟着老师走一遍,也可以快速建立对框架的认识。(建议搭配着学是最好的)
学习内容:组件、路由、管理状态、查找&显示、Auth App、CRUD App
项目驱动:在这个阶段中,可以从零开发一个完整的项目,从项目配置到组件拆分,到项目打包和上线的完整流程,还可以重新认识一些底层源码级知识。
最后将自己的项目好好完善一下,或者是GitHub上面找到一套自己感兴趣的项目。基本上就可以找工作了,毕竟各个企业招聘实习生还是比较宽容的。