从vue-cli应用程序中的node_modules导入js文件

Question

我已经使用 npm 安装了这个： https: //github.com/hchstera/vue-charts

正在做npm install hchs-vue-charts

在我看来这是一个制作图表的包。

我只想知道如何使用Vue-cli 应用程序（ https://github.com/vuejs/vue-clinode_modules ）从Vuejs 中的单个组件导入此库，因为在他们的示例中，他们使用 Vue 实例来完成此操作。

谢谢

Answer 1

您必须在main.js中安装模块

import Vue from 'vue'
import VueCharts from 'hchs-vue-charts'

Vue.use(VueCharts)

然后在应用程序中的任何地方使用组件，如下所示：

<template>
  <div id="app">
    <chartjs-line></chartjs-line>
  </div>
</template>

lib中的其他组件：

<chartjs-bar/>
<chartjs-horizontal-bar/>
<chartjs-radar/>
<chartjs-polar-area/>
<chartjs-pie/>
<chartjs-doughnut/>