本发明提供了一种基于vue框架的自定义数据可视化大屏实现方法，其特征在于，包括如下步骤：步骤1：大屏模块解构；步骤2：多数据源可拓展；步骤3：图表组件化；步骤4：接口统一化；步骤5：布局数据化；步骤6：图表数据异步传输/实时更新；步骤7：交互式自定义大屏。本发明将页面布局数据化：将组建网页的前端组件元素模块所有可描述属性抽象为对象数据存储，支持编辑操作对象数据来动态改变页面布局实现，增加了页面布局开发的灵活性及可拓展性；前端可即刻动态查询展示对应的接口支持配置；极大地增加了组件的可复用性；可以支持多方操作自定义展示页面布局及分析数据配置，极大地缩短了页面设计变更及数据联调测试的产品响应时间。