vue3.0大写转驼峰

在Vue3.0中，你可以使用Vue自带的过滤器或者使用JavaScript中的正则表达式来实现大写转驼峰的功能。

方法一：使用Vue自带的过滤器

在模板中使用过滤器，将大写字符串转为驼峰格式：

<template>
  <div>{{ 'BIG_WORD' | toCamelCase }}</div>
</template>

<script>
  import { createApp } from 'vue';

  const app = createApp({
    filters: {
      toCamelCase(value) {
        return value.toLowerCase().replace(/_([a-z])/g, function(match, $1) {
          return $1.toUpperCase();
        });
      },
    },
  });

  app.mount('#app');
</script>

方法二：使用JavaScript中的正则表达式

在JavaScript代码中使用正则表达式，将大写字符串转为驼峰格式：

const bigWord = 'BIG_WORD';
const camelCaseWord = bigWord.toLowerCase().replace(/_([a-z])/g, function(match, $1) {
  return $1.toUpperCase();
});
console.log(camelCaseWord); // 输出：bigWord

其中正则表达式`/_([a-z])/g`中的`_`代表下划线，`[a-z]`代表小写字母范围，`g`代表全局匹配。函数中的`$1`代表正则表达式中匹配到的小写字母，使用`toUpperCase()`方法将其转为大写字母。