vue项目接口驼峰数据自动转换为_格式

Vue项目中，当接收到接口返回的数据，通常数据格式采用的是驼峰命名法（CamelCase），而在前端模板渲染中，HTML和CSS选择器更倾向于使用下划线分隔的kebab-case（snake_case）。为了方便处理这种转换，可以利用JavaScript或者Vue的计算属性（computed property）来自动化这个过程。

以下是一个简单的例子，如何使用计算属性将驼峰命名转换为下划线：

export default {
  data() {
    return {
      camelCaseData: 'yourCamelCaseData',
    };
  },
  computed: {
    underscoredData() {
      // 使用split、map和join方法进行转换
      return this.camelCaseData.replace(/([a-z])([A-Z])/g, '$1_$2').toLowerCase();
    },
  },
};

在这个示例中，`camelCaseData`是原始的驼峰命名数据，在`underscoredData`计算属性中，我们使用正则表达式匹配大小写字母的组合，并添加下划线连接起来，最后转为小写形式。