Javascript 如何导入随npm安装的vue插件

我很抱歉在前面提出了一个非常棘手的问题，但我不知道如何导入安装了npm的插件。我想将其用于Vue，我已在我的项目中使用npm安装了它，并希望将其导入到我的主app.js文件中，以便在Vue中使用它。 我已尝试使用dist文件夹中文件的路径：

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

---

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

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

import MaskedInput from 'vue-masked-input'

export default {
    components: {
        MaskedInput
    }
}

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

---

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

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

import MaskedInput from 'vue-masked-input'

export default {
    components: {
        MaskedInput
    }
}

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

---

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

，但我当然可以这样导入它，因为那里的文件处于同一级别，在我的项目中，文件MaskedInput位于node modules文件夹中，即使我尝试了您的建议，它也不起作用。不确定为什么赞成向下投票，但在github页面上，它清楚地显示：从“vue掩码输入”导入掩码输入。。。组件：{MaskedInput}所以区别在于您将其作为

vue掩码输入导入

是的，感谢您指出，我已经按照您所说的那样做了，但我不确定我是否正确，我已经将您建议的代码添加到了我的当前组件中，但随后出现了一个新错误：

属性“v-model”、“mask”、“placeholder”在组件上被忽略，因为该组件是一个片段实例：

我将只提出另一个关于新问题的问题，并将您的答案标记为正确答案，但是，我当然可以这样导入它，因为那里的文件处于同一级别，并且在我的项目中，文件MaskedInput位于node modules文件夹中，甚至当我尝试你的建议时，它也没有起作用。我不确定为什么向下投票是合适的，但在github页面上，它清楚地显示：从“vue掩码输入”导入掩码输入。。。组件：{MaskedInput}所以区别在于您将其作为

vue掩码输入导入

是的，感谢您指出，我已经按照您所说的那样做了，但我不确定我是否正确，我已经将您建议的代码添加到了我的当前组件中，但随后出现了一个新错误：

属性“v-model”、“mask”、“placeholder”在组件上被忽略，因为该组件是一个片段实例：

我将仅就新问题提出另一个问题，并将您的答案标记为正确答案