数据可视化vue3 + datav 项目准备

最新推荐文章于 2025-04-17 11:53:03 发布

小_林_子

最新推荐文章于 2025-04-17 11:53:03 发布

阅读量2.5k

点赞数 1

文章标签：信息可视化数学建模华为od

本文链接：https://blog.youkuaiyun.com/xiaolinye3319/article/details/131173228

版权

第一步创建vue3项目，这一步就不说了，按照你最熟悉的方式创建就好了。

使用datav的时候建议使用：kjgl77重构的版本，官方的修改有点麻烦。

使用方法和官方版本是一样的。

文档链接：跳转

下面是使用示例

// main.ts中全局引入
import { createApp } from 'vue'
import DataVVue3 from '@kjgl77/datav-vue3'

const app = createApp(App)

app.use(DataVVue3)
app.mount('#app')


全局引入后直接使用

<dv-decoration-1 :color="['pink','yellow']" style="width:200px;height:50px;" />

官方版本是在使用时，引入的时候就会报错，因为模块里的package.json文件的model配置写错了，你需要把里面的js改为mjs，引入才不会报错。