基于Vue框架的多源WEB前端页面数据可视化方法

• 全文链接
• 请求原文

作   者：

宋文凯;  王利萍;  荆巍巍; 

作者机构：

中国电子科技集团公司第十四研究所; 

关键词：

WEB前端;  多源数据;  Vue框架;  页面数据;  数据可视化; 

期刊名称：

电子设计工程

i s s n：

1674-6236

年卷期：

2025 年 33 卷 006 期

页   码：

63-66,71

摘   要：

为了提升WEB前端页面数据的呈现效果与用户体验，提出基于Vue框架的多源WEB前端页面数据可视化方法。利用网络爬虫技术，通过数据清洗、数据补充操作，采集多源WEB前端页面数据。利用Vue框架确定页面数据的布局结构，根据输出介质与Vue框架之间的比例关系，将页面数据转换为坐标形式。通过渲染输出，实现数据可视化处理。通过性能测试可知，与传统方法相比，应用新方法后，数据完整性可视化系数最高可提升至0.995，可视化页面分辨率明显提升，可视化时延较短，由此证明新方法具有更优的可视化与交互性能。