vue2 使用的 es6 还是commonjs 还是2个都有

Vue 2 在不同场景下会同时使用 ES6（ES2015）和 CommonJS 模块规范，下面分别从开发、构建和运行环境等方面详细介绍：

开发阶段

ES6 模块规范

在开发 Vue 2 项目时，开发者通常会使用 ES6 的模块语法（import 和 export）来组织代码。因为 ES6 模块语法更加简洁、直观，并且符合现代 JavaScript 的发展趋势，能提高代码的可读性和可维护性。例如，在 Vue 组件中引入其他组件、库或者工具函数时，会使用 ES6 模块语法：

vue

<template>
  <div>
    <!-- 组件模板内容 -->
  </div>
</template>

<script>
// 使用 ES6 语法导入组件
import AnotherComponent from './AnotherComponent.vue';

export default {
  components: {
    AnotherComponent
  },
  // 组件选项
}
</script>

<style scoped>
/* 组件样式 */
</style>

CommonJS 模块规范

如果项目使用 Node.js 环境进行开发，在某些情况下也会用到 CommonJS 模块规范。比如在配置文件（如 vue.config.js）中，由于这些文件是在 Node.js 环境中运行的，通常会使用 CommonJS 的 require 和 module.exports 语法。示例如下：

javascript

// vue.config.js
const path = require('path');

module.exports = {
  // 配置选项
  chainWebpack: config => {
    // 对 Webpack 配置进行链式修改
  }
};

ps：补充信息