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

Question

正在做 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>

库中的其他组件：

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

Import js file from node_modules in vue-cli app