从vue-cli app中的node_modules导入js文件

Question

我已经用npm：https://github.com/hchstera/vue-charts

安装了它

执行npm install hchs-vue-charts

这是一个在我的视图中制作图表的软件包。

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

谢谢

Answer 1

在main.js导入vue-charts并初始化插件如下：

import VueCharts from 'hchs-vue-charts'

Vue.use(VueCharts)

Answer 2

您必须在 main.js

中安装模块

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

Vue.use(VueCharts)

然后在你的app中随处使用组件，如下所示：

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