javascript - 如何导入使用npm安装的vue插件

Question

对于这个新手问题，我很抱歉，但我不知道如何导入使用 npm 安装的插件。我想用这个plugin对于 Vue，我已经在我的项目中使用 npm 安装了它，并且想将其导入到我的主 app.js 文件中，以便我可以在 Vue 中使用它。我尝试过使用 dist 文件夹中文件的路径:

import MaskedInput from 'node-modules/vue-masked-input/dist/MaskedInput.js'
Vue.use(MaskedInput);

但是，这显然不起作用，正确的方法是什么？

Answer 1

点击链接，这实际上是一个组件，因此您可以在组件中执行以下操作:

import MaskedInput from 'vue-masked-input'

export default {
    components: {
        MaskedInput
    }
}

通常有帮助的是点击实际的 github 页面，并在自述文件或实际代码中查找示例。在这种情况下:

https://github.com/niksmr/vue-masked-input/blob/master/src/App.vue

它向您展示了如何在“现实生活中”使用它