如何導入使用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

回答