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

Question

这似乎是一个新手问题，但我不明白。如何在 vue 3 中导入和使用第三方 js 库？在这种情况下，我尝试使用 Danfo.js https://danfo.jsdata.org/getting-started通过做npm install danfojs (即使它只显示使用 cdn 进行浏览器使用，我认为这是同一件事，但如果有误请纠正我)。然后 idk 如果这是我在每个我想使用的文件中导入的内容，或者我是否在 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 确实有效。我假设是因为它稍后加载脚本 idk 我想我想要 npm 安装方式和 npm install danfojs-node我相信是针对节点版本而不是浏览器版本，这就是我这样做的原因 npm install danfojs

Answer 1

虽然我自己也不确定。你是正确的假设

npm install danfojs

用于浏览器客户端。我使用图书馆如下 -

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