vue底层用什么技术学习

Vue底层使用了以下几种主要技术来实现其核心功能：

1. JavaScript：Vue是一个基于JavaScript的框架，它使用JavaScript来编写组件、处理数据和事件等。

2. DOM操作：Vue使用DOM操作来更新视图，在数据发生变化时，Vue会通过操作DOM来更新页面，实现响应式的交互效果。

3. 数据观测：Vue使用数据观测来追踪数据的变化，从而在数据发生变化时能够及时更新页面。Vue通过使用Object.defineProperty或Proxy来实现数据的观测。

4. 虚拟DOM：Vue通过使用虚拟DOM来提高页面的更新性能。在更新页面时，Vue会先将页面的变化保存在内存中的虚拟DOM树上，然后通过比对虚拟DOM树和实际DOM树的差异，最后才会将差异的部分更新到实际DOM上。

5. 响应式系统：Vue使用响应式系统来实现数据的双向绑定。通过使用监听器和观察者模式，Vue可以实时追踪数据的变化，并在页面上自动更新相关内容。

6. 组件化：Vue将页面划分为多个组件，每个组件负责管理自己的状态和行为。组件化的设计可以使代码更加模块化和可复用，提高开发效率和代码质量。

7. 编译：Vue使用编译器将模板转换为渲染函数，从而实现将模板进行解析和渲染的功能。

总之，学习Vue的底层技术包括JavaScript、DOM操作、数据观测、虚拟DOM、响应式系统、组件化和编译等方面的知识。深入了解这些技术可以帮助开发者更好地理解Vue的工作原理，从而更好地使用和扩展Vue框架。

要学习 Vue 底层技术，需要掌握以下几个方面的知识：

1. JavaScript语言基础：Vue 是基于 JavaScript 开发的，因此对 JavaScript 语法有一定的了解是必要的。需要掌握变量、函数、对象、数组等基本语法，以及面向对象编程的概念和用法。

2. HTML和CSS：Vue 是用于构建用户界面的框架，因此理解 HTML 和 CSS 的基本语法和用法对于学习 Vue 也是很重要的。

3. Vue 的核心概念：了解 Vue 的核心概念是学习 Vue 底层技术的基础。包括 Vue 实例、组件、指令、生命周期钩子函数等。

4. Vue 的底层原理：学习 Vue 底层技术需要了解 Vue 的底层原理。包括 Vue 的响应式系统、虚拟 DOM、模板编译等。

5. 工具链和生态系统：Vue 有一整套的工具链和生态系统，比如 Vue CLI、Vue Router、Vuex 等。了解这些工具和库的使用方法，对于学习 Vue 底层技术也是有帮助的。

总之，学习 Vue 底层技术需要有一定的 JavaScript、HTML、CSS 等前端开发基础，并且要了解 Vue 的核心概念和底层原理。通过实践和阅读相关文档，逐步深入了解和掌握 Vue 的底层技术。

Vue.js 底层主要使用了以下几个技术来实现其核心功能：

1. JavaScript：Vue.js 是用 JavaScript 编写的，它基于 ECMAScript 5 的语法规范，并且支持 ECMAScript 6 中的许多新特性，如箭头函数、模块化等。

2. Virtual DOM（虚拟DOM）：Vue.js 使用了虚拟DOM来进行高效的页面渲染。当数据发生变化时，Vue.js 会将模板转换为虚拟DOM，然后将虚拟DOM与之前的虚拟DOM进行比较，找出差异并进行更新，最后将变化的部分更新到真实的DOM上，以达到提高性能的目的。

3. 模板编译：Vue.js 通过解析模板语法，将模板转换为渲染函数，然后将渲染函数与数据进行结合，生成可以直接渲染的虚拟DOM。

4. 响应式系统：Vue.js 使用响应式系统来实现数据的双向绑定。当数据发生变化时，会自动触发视图的更新。响应式系统的核心是通过使用 Object.defineProperty()API 来监听数据的变化，并通过发布-订阅模式来更新视图。

5. 依赖追踪：Vue.js 使用了依赖追踪来自动收集与组织数据属性与模板之间的依赖关系。当数据发生变化时，只会更新受影响的部分，而不是整个视图。

6. 组件化开发：Vue.js 提供了组件化开发的能力，可以将页面拆分成多个可复用的组件，并通过组件之间的通信来实现功能的组合与复杂度的管理。

7. 渲染机制：Vue.js 使用了渲染器将虚拟DOM渲染为真实的DOM。在浏览器环境下，Vue.js 使用了浏览器原生的API 来操作DOM，而在非浏览器环境下，Vue.js 使用了与平台相关的渲染器。

总结起来，Vue.js 主要使用了 JavaScript、虚拟DOM、模板编译、响应式系统、依赖追踪、组件化开发和渲染机制等技术来实现其核心功能。