Vue3项目引入v-mask库报错，寻求正确集成方法

错误原因 #

你安装的v-mask是适配Vue2的版本，其插件导出方式不符合Vue3的插件规范，调用app.use()时触发了e.filter is not a function的类型错误。

解决方案 #

1. 替换为Vue3兼容的掩码库 #

卸载旧版v-mask，安装Vue3适配的官方维护版本：

# 卸载旧包
npm uninstall v-mask
# 安装Vue3兼容版本
npm install @vueform/mask

2. 修改main.js中的代码 #

更新导入和插件注册方式：

import { createApp } from "vue";
import App from "./App.vue";
import { MaskPlugin } from '@vueform/mask';

const app = createApp(App);

app.use(MaskPlugin);

app.mount("#app");

3. 组件中使用示例 #

在Vue组件里通过v-mask指令实现输入掩码：

<template>
  <input v-mask="'###-###-####'" v-model="phoneNumber" placeholder="输入手机号" />
</template>

<script setup>
import { ref } from 'vue';
const phoneNumber = ref('');
</script>

内容的提问来源于stack exchange，提问作者Jyina