從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-cli ）在Vuejs的單個組件中從node_modules導入此庫，因為在他們的示例中，它們使用的實例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)

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

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