vue名称校验 Rules: 只可输入中文、大小写英文、数字、减号、下划线

你可以使用 `vee-validate` 库的 `regex` 规则来实现这个校验，以下是一个示例代码：

1. 首先，在组件中引入 `vee-validate` 库和 `regex` 规则：

import { ValidationProvider, extend } from 'vee-validate';
import { regex } from 'vee-validate/dist/rules';

extend('componentName', {
  ...regex,
  message: '只可输入中文、大小写英文、数字、减号、下划线'
});

2. 然后，在组件模板中使用 `ValidationProvider` 组件和 `componentName` 规则：

<template>
  <div>
    <ValidationProvider v-slot="{ errors }" name="name" rules="required|componentName">
      <input type="text" v-model="name">
      <span>{{ errors[0] }}</span>
    </ValidationProvider>
  </div>
</template>

这样，当用户输入组件名称时，如果不符合规则，就会显示错误信息。

其中，`rules` 属性中的 `required` 表示该字段必填，`componentName` 表示使用自定义的规则。

需要注意的是，`vee-validate` 库需要在组件中引入和注册，否则会报错。你可以参考官方文档进行使用：https://logaretm.github.io/vee-validate/