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

对于漂亮的noobie问题，我很抱歉，但我不知道如何导入使用npm安装的插件。我想用这个plugin作为Vue，我已经在我的项目中使用npm安装了它，并且想将它导入到我的主app.js文件中，以便我可以在Vue中使用它。我曾尝试与DIST文件夹中使用文件路径：如何导入使用npm安装的vue插件

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

但是，这显然没有工作，什么是做到这一点的正确方法？

2017-09-27 Leff

继链接其实这是一个组成部分，所以你可以在你的组件做的是：

import MaskedInput from 'vue-masked-input' 

export default { 
    components: { 
     MaskedInput 
    } 
}

什么通常有助于通过点击贯穿到实际GitHub的页面，并查找无论是在一个例子自述文件或实际代码中。在这种情况下：

有它表明你如何能“在现实生活中”

2017-09-27 22:13:51 Hyra

不过，肯定我可以导入它就像使用它，因为那里的文件都在同一水平，并且在我的项目中，MaskedInput文件位于node-modules文件夹中，即使我尝试了您的建议，也无法使用。 – Leff

不知道为什么downvoting是适当的，但看看github页面，它清楚地说：import'MaskedInput from'vue-masked-input' ... 组件：{ MaskedInput }所以区别是你导入它为'vue- masked-input' – Hyra

是的，谢谢你指出，我已经像你说的那样做了，但我不确定是否我做了这个正确的，我已经添加到我目前的组件，你的建议，但后来我有一个新错误：由于组件是一个片段实例，所以在组件上忽略了'''Attributes“v-model”，“mask”，“placeholder”。 – Leff

回答