问题描述
我尝试使用 npm 在 vue 中使用 v-mask 包。我按照文档中的说明运行 npm install v-mask
,但是我应该在哪里输入初始化代码?我试着把它放在 main.js 文件中:
import { createApp } from 'vue'
import App from './App.vue'
import VueMask from 'v-mask'
Vue.use(VueMask);
createApp(App).mount('#app')
解决方法
尝试将应用保存在变量中并为应用执行use
import { createApp } from 'vue'
import App from './App.vue'
import VueMask from 'v-mask'
const app = createApp(App)
app.use(VueMask)
app.mount('#app')
,
v-mask
是为 Vue 2 构建的,因此您不能在 Vue 3 中使用它(除非您使用 migration build,但这并不是真正用于第三方插件)。
考虑使用 maska
,这是一个支持 Vue 3 的屏蔽库:
npm i -S maska
示例用法:
import { createApp } from 'vue'
import App from './App.vue'
import Maska from 'maska'
createApp(App).use(Maska).mount('#app')