在vuejs中使用来自节点模块的js插件

Question

如何将cal(https://www.npmjs.com/package/cal-heatmap)导入到我的项目后，用npm安装保存它？

我试着像这样用它：

<script>
import calHeatmap from 'cal-heatmap'

    export default { 
    name: 'heatmap',
    props: {
         inspection: Object
    },
    data () {
       return {
           current: new Date().getFullYear()
       }
    },
    beforeMount () {
       var cal = new CalHeatMap()
       cal.init({})
    }
   }
  </script>

我知道CalHeatMap()是没有定义的。

Answer 1

您可以像这样直接在组件中这样编写它：

import CalHeatmap from 'cal-heatmap'

Answer 2

import CalHeatMap from 'cal-heatmap

是对的

此外，请记住导入css文件。

import 'cal-heatmap/cal-heatmap.css'