如何在vue中初始化npm package

Question

我嘗試使用 npm 在 vue 中使用v-mask package。 如文檔所述，我運行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')