首页  软件  游戏  图书  电影  电视剧

请输入您要查询的软件：

　

软件 DataV Vue 可视化应用搭建工具 v1.0 
内容

DataV Vue是一款数据可视化应用搭建工具。

开发环境：

Vue 3.0+

Pinia 2.0+

TypeScript 4.0+

ECharts 5.0+

安装与使用

 # 初始化项目
pnpm run bootstrap

# 跑起来！
pnpm run dev

# 构建发布
pnpm run build

# 本地预览，需要先执行 build
pnpm run serve

新建可视化组件

pnpm run new datav

配置可视化组件

目录结构 (如: main-title):

main-title
├── index.ts # 组件入口
└── src
├── index.vue # 组件入口
├── main-title.ts # 组件声明类
├── config.vue # 组件属性配置
└── config.json # 用于生成 config.vue 的配置文件

使用工具

其中 config.vue 和 config.json 文件，可以在 development 模式下，通过访问 http://localhost:9090/#/dev/props-config 配置生成。

目前还是个简易版生成工具，使用说明：

// 1. 输入组件路径

// 2. 选择加载模式，有三种模式可选：
// 模式1(.ts): 使用组件同名 .ts 文件生成。
// 模式2(.json): 使用 config.json 文件生成。
// 模式3(.ts&.json): 同时加载组件同名 .ts 文件和 config.json，然后进行策略混合。

// 3. 按需配置好组件属性后，点击 `生成配置代码` 或 `生成模板代码` 按钮。

// 4. 复制生成后的代码到相应文件中即可。如果需要复杂逻辑判断的，需要在代码生成后手动处理。
使用组件

想要在项目中使用组件还需要进行注册：

// 涉及三个文件：
// 1. 组件注册：src/components/index.ts
// 2. 组件工厂：src/components/datav.ts
// 3. 组件列表：src/data/system-components.ts

更多新建选项

通过选项模式

# 创建组件
pnpm run new component

# 创建 Store
pnpm run new store

# 创建 Icon
pnpm run new icons

国际化

目前只有 登录页 进行了国际化设置，有需要可自行添加。

添加多语言

多语言文件位置：@/locales/lang/*.js

使用

Options API：

<template>
...
{{ $t('xxx') }}
...
</template>

Componsition API：

import { useI18n } from 'vue-i18n'

...
setup() {
const { t } = useI18n({ useScope: 'global' })

t('xxx')

return { t }
}
...
标签 DataVVue,应用,搭建工具
缩略图
软件名称 DataV Vue 可视化应用搭建工具 v1.0
软件图标
软件大小 1.06MB
发布时间
软件平台
软件语言 简体中文
软件授权 免费软件
操作系统 TypeScript
系统类型
用户评分 3
软件版本
官方网站
官方网址
软件截图
软件总类 源码系统
软件大类 源码下载-其它源码-应用搭建工具
软件小类 其它源码
开发者
主办单位名称
ICP备案名
备案号
使用年龄
下载链接
攻略教程
详细介绍
操控设备
隐私政策
查看权限
敏感权限获取说明
软件类型 国产软件
安全警示 适度休息有益身心健康，请勿长期沉迷于使用电脑或刷手机。
随便看

　

传承兰台文化，共同保存历史记忆！兰台网收藏软件、游戏、图片、图书、电影、电视剧等互联网档案，是免费和可借阅文本、电影、音乐等档案的数字图书馆。

　

Copyright © 2004-2025 xlantai.com All Rights Reserved
更新时间：2025/6/25 22:32:42