一、基於 Vue3 + ECharts5 的數據可視化項目（介紹）

DataV Vue

一個基於 Vue3.x 的數據可視化項目

• 💪 Vue 3.0+
• 🔥 TypeScript 4.2+
• 🔥 ECharts 5.0+

簡介

• DataV Demo

登錄頁

可視化列表

編輯器

安裝與使用

# 初始化項目
yarn bootstrap

# 跑起來！
yarn serve

# 構建發布
yarn build

創建組件

yarn gc [component name]

創建組件 or Store

yarn new

國際化

目前只有 登錄頁 進行了國際化設置，有需要可自行添加。

添加多語言

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

使用

• 在模板中使用：

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

• Componsition：

import { useI18n } from 'vue-i18n'

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

  t('xxx')

  return { t }
}
...