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

Question

我正在尝试使用 webpack 和 Vue 2.0 设置一个项目，但在我的项目中使用 npm 包（如 vue-parallax）中的组件时遇到了一些麻烦。

我安装了该软件包，所有内容似乎都在那里，但我不明白它在我的项目中链接到哪里。

我认为我缺少的是脚本标签中“视差”的导入语句，但显然这只是一个有根据的猜测。

任何帮助将不胜感激。

<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>

Answer 1

根据 Belmin Bedak 的评论：

它可能位于 node_modules 目录下，因此您可以从那里导入它 - 试试这个

import parallax from 'vue-parallax'

Answer 2

你可以尝试：

components: {"parallax": require("vue-parallax")}

或者直接导入：

import parallax from 'vue-parallax'