Question

这似乎是一个新手问题，但我不明白。如何在vue 3中导入和使用第三方js库？在这种情况下，我尝试通过进行npm install danfojs来使用Danfo.js https://danfo.jsdata.org/getting-started（即使它仅显示将cdn用于浏览器，我认为这是同一回事，但如果出错，请纠正我）。如果是我要导入的每个文件中导入的东西，或者如果我在main.js中导入的东西，并且它在全局范围内自动运行，则使用idk。我尝试制作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()
    }

Idk，如果这是对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';

如何在vue 3（Danfo.js）中导入NPM软件包

1 个答案: