VUE中d3-dsv这个依赖如何引入？

Question

我看网上说的是使用这种方式

<script src="https://d3js.org/d3-dsv.v1.min.js"></script>

为什么不用import的方式？

import axios from "axios";

两个试了都没效果，都说无法找到项目包。
怎么使用d3-dsv？

Answer 1

d3-dsv模块没有csv导出，具体看这个链接：

https://www.npmjs.com/package/d3-dsv

d3-dsv没直接加载文件功能，需要用网络组件axios或者fetch加载csv得到内容后用csvParse转数据，示例如下

<template>
    <view>
    <view v-for="item in rows">
        <view>{{item.Id}}-{{item.Name}}</view>
    </view>
    </view>
</template>

<script>
    import * as dsv from 'd3-dsv';
    export default {
        data() {
            return {
                rows:[]
            }
        },
        async mounted(){
            let req =await fetch('/static/data.csv');//也可以用axios读取，看个人喜好
            let data=await req.text();
            this.rows=dsv.csvParse(data);
        },
        methods: {
            
        }
    }
</script>

<style>

</style>