vue正则表达式怎么写

Vue.js 中使用正则表达式通常是在表单验证或者处理字符串的时候。在 Vue 框架中，你可以直接在模板中定义 v-model 属性，并结合 `v-bind:class` 或者 `v-if` 等指令配合正则表达式进行条件判断。

例如，在一个表单字段上进行邮箱地址的验证：

<input type="text" v-model="email" pattern="^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$">

在这个例子中，`pattern`属性值是一个正则表达式，它会检查输入是否符合邮箱格式。如果输入不符合该模式，浏览器会自动显示错误提示。

如果你想在 JavaScript 对象的 computed 属性或 methods 函数中动态创建正则表达式，可以这样做：

data() {
  return {
    emailPattern: /^[\w.-]+@[\w.-]+\.\w+$/
  }
}

methods: {
  validateEmail(email) {
    return this.emailPattern.test(email);
  }
}

在这里，`validateEmail`方法会接受一个邮箱地址并使用预设的正则表达式进行匹配。