Vue 2.0 + webpack使用npm包中的组件

问题描述：

我想要使用webpack和Vue 2.0设置项目，并在我的项目中使用npm包中的组件（如vue-parallax）时遇到了一些麻烦。Vue 2.0 + webpack使用npm包中的组件

我安装了软件包，一切似乎都在那里，但我不明白我的项目中链接的位置。

我想我缺少的是脚本标记中'视差'的导入声明，但显然这只是一个受过教育的猜测。

任何帮助将不胜感激。

<template> 
    <div id="app"> 
    <img src="./assets/logo.png"> 
    <hello></hello> 
    <parallax src=require('../assets/logo.png')></parallax> 
    </div> 
</template> 

<script> 
import Hello from './components/Hello' 
//import parallax ? 

export default { 
    name: 'app', 
    components: { 
    Hello, 
    parallax 
    } 
} 
</script> 

<style> 
#app { 
    font-family: 'Avenir', Helvetica, Arial, sans-serif; 
    -webkit-font-smoothing: antialiased; 
    -moz-osx-font-smoothing: grayscale; 
    text-align: center; 
    color: #2c3e50; 
    margin-top: 60px; 
} 
</style>

它可能放在node_modules目录下，这样你可以从那里导入 - 试试这个'从'vue-parallax'输入视差' –

谢谢，我认为就是这样。它让我在vue-parallax中出现渲染错误，所以它现在似乎在查找组件。 –

答

每Belmin Bedak的评论：

它可能放在node_modules目录下，这样你就可以在那里汇入 - 试试这个

import parallax from 'vue-parallax'

Vue 2.0 + webpack使用npm包中的组件

相关推荐