Vue路线？选择？禹神直播课笔记

目录

1.Vue2 与 Vue3 新手到底先学哪个?

 2.Vue2 和 Vue3 都有哪些核心知识?

3.Vue相关技术栈众多，哪些是目前市场需要的?

4.作为后端人员如何快速的上手Vue?

5.Vue相关项目要怎么去做?

---

前言：

该文章观看禹神直播课所做的笔记，具体的内容请点击链接查看！文章内容如下：

直播回放：禹神亲绘VUE3知识图谱，vue学习路线免费领取！_哔哩哔哩_bilibili禹神亲绘Vue2.x+Vue3.x知识图谱！涵盖所有关键知识点，搜索微信公众号：尚硅谷教育，回复：vue知识图谱，免费领取！, 视频播放量 10330、弹幕量 46、点赞数 515、投硬币枚数 170、收藏人数 520、转发人数 29, 视频作者 尚硅谷, 作者简介 就业规划、简历模板、毕业设计，加小谷姐姐Q：3276742687，相关视频：尚硅谷Vue2.0+Vue3.0全套教程丨vuejs从入门到精通，Vue3.0视频教程-李立超（因故停更，抱歉），2023前端最高频面试题解析-vue3、权限管理、TS、组件库-闭包、防抖节流、作用域、this、JS异步编程、事件循环机制、手写vueRouter助力跳槽季，学前端也太卷了！vue作者尤雨溪现场rap，翻唱K.Dot 《HUMBLE.》，嗨翻全场！，three.js全网最全最新入门课程（2023年3月更新）【搞定前端前沿技术】，停止在Vue 3中使用带有ref的.value，他叫尤雨溪，一个前端，写了一个叫 Vue 的框架。，Vue2.7+Element UI 通用后台管理系统，全程干货，快速起飞！，尚硅谷Java版Flink（武老师清华硕士，原IBM-CDL负责人），史上最牛逼的网页前端https://www.bilibili.com/video/BV1Gm4y1b7vw/?spm_id_from=333.1007.top_right_bar_window_history.content.click&vd_source=4298755c4e2edc1fe805c41cc2d7379a1.Vue2 与 Vue3 新手到底先学哪个?
2.Vue2 和 Vue3 都有哪些核心知识?
3.Vue相关技术栈众多，哪些是目前市场需要的?
4.作为后端人员如何快速的上手Vue?
5.Vue相关项目要怎么去做?

---

1.Vue2 与 Vue3 新手到底先学哪个?

 

 搜索趋势：（注意2022年1月2日左右后——vue3成为默认版本）

 因此Vue3不能只是了解。

通常建议:先学Vue2，再学Vue3。为什么？

1. Vue3 的很多新特性，都在与 Vue2 对比。
2. 对于新手，Vue2的学习成本远低于Vue3。
3. Vue2生态成熟，工作中大概率会遇到Vue2项目。
4. 掌握好好Vue2后，上手Vue3会很快。

选项式 API 是指 Vue.js 在 2.x 版本中常用的一种编写组件逻辑的方式。在选项式 API 中，我们可以通过组件实例的各种选项来定义组件的行为和特性。

选项式 API 的主要优点在于它非常易于理解和上手，特别是对于那些刚开始接触 Vue.js 的开发者。只需要在组件实例中定义一些选项即可，这些选项可以包括 data、methods、computed、watch 等等。这些选项在组件生命周期的不同阶段会被 Vue.js 自动调用，从而控制组件的行为。

选项式 API 在一些方面也存在一些不足之处，例如：

1. 模版逻辑繁琐：当模版逻辑变得复杂时，选项式 API 可能无法很好地将模版逻辑封装成独立、可重用的组件。
2. 耦合度高：因为组件的各种逻辑都分散在各个选项中，所以难以对组件的行为进行统一管理和维护。
3. 可测试性差：在选项式 API 中，组件的逻辑通常是与其 HTML 结构紧密耦合在一起的，这使得测试非常困难。

组合式 API 是指 Vue.js 在 3.x 版本中引入的一种全新的编写组件逻辑的方式。在组合式 API 中，我们可以使用组合函数 (Composition Function) 来编写组件的逻辑，并将这些逻辑组合成可复用的模块。

组合函数是一种函数式编程的范例，它具有以下特点：

1. 灵活可组合：组合函数可以组合成更高级的组件行为，同时又不会相互影响或产生副作用。

2. 轻量可测试：组合函数是独立的 JS 函数，易于进行单元测试和集成测试。

3. 更好的类型检查支持：因为 Vue.js 3.x 采用了强类型语言 TypeScript，而组合式 API 可以更好地支持 TypeScript 等强类型语言，提升了代码的可维护性和可靠性。

在组合式 API 中，我们可以使用多个组合函数来实现一个组件的各个逻辑部分，例如 props、data、methods、watch 等等。每个组合函数都返回一个对象，包含了该逻辑部分的各种属性和方法，最后这些对象会合并到一个大的对象中，从而定义出最终的组件实例。

Vue.js 2.x 版本是基于选项式 API 构建的，它允许我们通过在 Vue 实例中传递各种选项来定义组件的行为和特性。

而 Vue.js 3.x 版本则转向了更加灵活和可组合的组合式 API，它支持使用组合函数(Composition Function)去编写自定义逻辑，同时也支持更细粒度的模块化组件的设计。

相比于 Vue.js 2.x 版本，Vue.js 3.x 版本的组合式 API 在一些方面有了明显的优势：

1. 更好的可重用性：使用 Composition Function 编写的逻辑可以被复用在多个组件中，做到代码共享和更好的抽象。
2. 更好的类型检查支持：组合式 API 可以更好地支持 TypeScript 等强类型语言，提升了代码的可维护性和可靠性。
3. 更好的开发体验：组合式 API 的代码结构更加清晰和简洁，有利于代码的维护和调试。

---

 2.Vue2 和 Vue3 都有哪些核心知识?

具体对比文章如下：

VUE 2-3 知识框架_星辰大海1412的博客-CSDN博客Vue.js 是一个由尤雨溪创建的渐进式 JavaScript 框架，是一款轻量级、高效、易用的前端开发框架。它采用了响应式数据绑定和组件化视图构建的方式，使得页面开发更加简单、直观，同时也提高了代码的可重用性和可维护性。无论是 Vue.js 2.x 还是 Vue.js 3.x 版本，都具有优秀的性能、良好的开发体验和强大的生态系统，是前端开发中不可或缺的重要工具。所以这篇文章也用于复习这些知识。https://blog.csdn.net/m0_61662775/article/details/131089903?spm=1001.2014.3001.5502

---

3.Vue相关技术栈众多，哪些是目前市场需要的?

---

4.作为后端人员如何快速的上手Vue?

1.抛开原理，弱化过程，记结论。
2.上手Demo，形成最佳实践。

---

5.Vue相关项目要怎么去做?

1. 2-3个左右，项目不在量多，而是在精。
2. 项目类型尽可能多样化 (电商、医疗、金融等等)
3. 每做一个项目，都要总结遇到的问题及解决方案
4. 要多看优秀的开源代码