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

标签 javascript node.js vuejs2 node-modules vue-cli

我用 npm 安装了它:https://github.com/hchstera/vue-charts

执行 npm install hchs-vue-charts

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

Here is my project and I want to use ChartJS on the Dashboard.vue component

我只想知道如何使用 Vue-cli 应用程序 ( https://github.com/vuejs/vue-cli ) 在 Vuejs 的单个组件中从 node_modules 导入这个库,因为在他们的示例中,他们使用Vue.

谢谢

最佳答案

你必须在 ma​​in.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/>

关于javascript - 从 vue-cli 应用程序中的 node_modules 导入 js 文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47452231/

相关文章:

javascript - 我究竟如何使用 mouseenter 和 mouseleave?

javascript - 像这样启动 express "const app = require(' express')()"被认为是不好的做法吗?

javascript - 如何将一个 Vue 组件中的所有字段与另一个组件一起验证(使用 Vee-Validate)?

JavaScript DOM 遍历顺序

javascript - 如何忽略 Chart.js 中具有相同值的点

JavaScript 执行失败 'drawImage'

node.js - Twitter API POST 媒体/上传(分块)错误 "Not found"

node.js - NodeJS 管理后台认证策略

javascript - 无法在 Vue 2 和 Axios API 调用上设置实例属性

vue.js - 如何将输入绑定(bind)到 vue.js 中的对象