javascript - 如何在 vue 中初始化 npm 包

Question

我尝试使用 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')

但得到一个错误'Vue'未定义。我究竟做错了什么？

Answer 1

v-mask是为 Vue 2 构建的，因此您不能在 Vue 3 中使用它（除非您使用迁移构建，但这并不是真正适用于第三方插件）。

考虑使用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')

演示

Answer 2

尝试将应用程序保存在变量中并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')