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

How to import NPM package in vue 3 (Danfo.js)(如何在VUE 3(Danfo.js)中导入NPM包)

问题描述

这似乎是一个新手问题，但我却不明白。如何在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';

这篇关于如何在VUE 3(Danfo.js)中导入NPM包的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！