如何在VUE 3(Danfo.js)中导入NPM包

2022-04-07 00:00:00 vue.js npm vuejs3 danfojs

这似乎是一个新手问题,但我却不明白。如何在VUE 3中导入和使用第三方js库?在本例中,我试图通过执行npm install danfojs来使用Danfo.jshttps://danfo.jsdata.org/getting-started(尽管它只显示使用CDN用于浏览器,但我认为这是相同的,但如果错误的话,请纠正我)。如果这是我在我想要使用的每个文件中导入的内容,或者如果我在main.js中导入,并且它在全局范围内自动工作,或者诸如此类的东西,请确认。我试着制作main.js

import { createApp } from 'vue'
import App from './App.vue'

import danfo from 'danfojs';

const app = createApp(App)
app.use(danfo)
app.mount('#app')

如果正确,然后使用idk,但如果是这样,那么如何从组件的setup()内部调用dfd

function danfoTest(){
      console.log('idk', dfd)
      const json_data = [
        { A: 0.4612, B: 4.28283, C: -1.509, D: -1.1352 },
        { A: 0.5112, B: -0.22863, C: -3.39059, D: 1.1632 },
        { A: 0.6911, B: -0.82863, C: -1.5059, D: 2.1352 },
        { A: 0.4692, B: -1.28863, C: 4.5059, D: 4.1632 }]
                    
        const df = new dfd.DataFrame(json_data)
        console.log('here')
        df['A'].print()
    }

如果这是因为缺乏对VUE 3的理解或缺乏对Danfo.js的理解,但无论哪种方式都会感谢一些帮助,谢谢!

也可能是唯一的选择吗?当将<script src="https://cdn.jsdelivr.net/npm/danfojs@0.1.2/dist/index.min.js"></script>标记添加到index.js中时,它确实起作用了,但是我在终端中收到了关于dfd没有被定义的错误,尽管调用dfd确实起作用了。我假设是因为它稍后会加载脚本,所以我认为我希望使用NPM安装方式,我认为npm install danfojs-node是针对节点版本的,而不是浏览器版本,这就是我选择npm install danfojs

的原因

解决方案

而我自己也不确定。你假设

是正确的
npm install danfojs

用于浏览器客户端。我按如下方式使用库-

import {DataFrame} from 'danfojs/dist/core/frame';
import {Series} from 'danfojs/dist/core/series';

相关文章