vue2用什么写的

Vue 2主要是用JavaScript编写的，1、使用了ES5、ES6等现代JavaScript特性，2、借助了Babel进行代码转换，3、依赖了其他开源库如Vue Router和Vuex。

一、Vue 2的核心编写语言和特性

Vue 2的核心是用JavaScript编写的，尤其是使用了ES5和ES6等现代JavaScript特性。这些特性包括箭头函数、模板字符串、解构赋值等，使得代码更加简洁和易读。Vue的核心代码库由JavaScript编写，这使得它能够在各种浏览器和环境中运行。

二、Babel的使用

Babel是一个JavaScript编译器，可以将ES6/ES7等现代JavaScript代码转换为ES5代码，从而确保在不支持这些新特性的旧版本浏览器上也能运行。Vue 2使用Babel来处理代码转换，使得开发者可以使用最新的JavaScript语法，而不用担心兼容性问题。

三、依赖的开源库

Vue 2不仅仅是一个单独的库，它还依赖于其他一些开源库来实现完整的功能。例如：

Vue Router：用于管理前端路由，使得单页面应用（SPA）的开发更加容易。
Vuex：用于状态管理，帮助开发者管理复杂的应用状态。
axios：用于处理HTTP请求，通常用于与后台服务器进行数据交互。

这些库同样是用JavaScript编写的，并且与Vue 2紧密集成，提供了强大的功能和灵活性。

四、Vue 2的模块化设计

Vue 2采用模块化设计，这意味着它的代码是按照功能模块进行组织的。每个模块负责特定的功能，如虚拟DOM、响应式系统、模板编译等。这种设计方式使得Vue 2的代码更易于维护和扩展。

模块化设计的另一个好处是开发者可以根据需要选择性地加载和使用这些模块，从而减少不必要的代码加载，提高应用的性能。

五、实例说明

为了更好地理解Vue 2是如何使用这些技术和工具的，我们来看一个简单的实例：

// 使用ES6语法编写的Vue组件
import Vue from 'vue';
export default Vue.extend({
  name: 'HelloWorld',
  data() {
    return {
      message: 'Hello, Vue 2!'
    };
  },
  template: `<div>{{ message }}</div>`
});

在这个例子中，我们使用了ES6的模块导入语法（import），箭头函数（data() {}），以及模板字符串（<div>{{ message }}</div>）。这些都是现代JavaScript的特性，Babel会将其转换为兼容ES5的代码。

六、Vue 2的开发和构建工具

Vue 2的开发通常使用Vue CLI，这是一个强大的工具，可以帮助开发者快速创建和管理Vue项目。Vue CLI支持多种预设和插件，可以根据项目需要进行定制。

在构建阶段，Vue CLI会使用Webpack来打包和优化代码。Webpack是一个模块打包工具，它可以将多个JavaScript文件及其依赖打包成一个或多个文件，提高加载速度和性能。

七、总结和建议

总结来说，Vue 2主要是用JavaScript编写的，并且借助了ES5和ES6等现代JavaScript特性。同时，它使用Babel进行代码转换，依赖其他开源库如Vue Router和Vuex，采用模块化设计，并且通常使用Vue CLI和Webpack进行开发和构建。

对于想要深入学习Vue 2的开发者，建议首先熟悉现代JavaScript特性和工具链，如ES6、Babel、Webpack等。然后，通过官方文档和示例项目，逐步掌握Vue 2的核心概念和使用方法。最后，多实践和参与开源项目，可以帮助你更好地理解和应用Vue 2。