一种架构单页应用程序的方法技术

本发明专利技术公开了一种架构单页应用程序的方法，包括：创建mian.js，在mian.js引入store模块、views模块、router模块、axios模块、components模块和util模块。本发明专利技术基于Vue.js+Vuex+iView+Axios架构单页程序，结合了以数据驱动和组件化的思想、状态管理模式、开源UI组件库以及基于promise用于浏览器和node.js的http客户端，提供更简洁和易于理解的API，集中管理应用的所有组件的状态，可以通过编辑变量列表定制UI主题，实现了程序的快速开发、减少开发周期以及降低了时间成本。

【技术实现步骤摘要】
一种架构单页应用程序的方法
本专利技术涉及计算机技术与WEB应用开发
，具体的说，是一种架构单页应用程序的方法。
技术介绍
Vue.js自2016年大火，现在是前端开发主流的一个JavaScriptMVVM库，它是以数据驱动和组件化的思想构建的。相比于Angular.js，Vue.js提供了更加简洁、更易于理解的API，使得用户能快速上手并使用Vue.js。Vuex是一个专为Vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。为了快速运用新技术来开发或重构项目，本专利技术实例提供了一种以Vue.js+Vuex+iView+Axios架构单页应用程序的方法，用户可以迅速使用该方法投入开发，使其项目开发周期缩短，开发成本下降。
技术实现思路
本专利技术的目的在于提供一种架构单页应用程序的方法，用于解决现有技术中开发或重构项目不够快速，开发周期长，开发成本高的问题。本专利技术通过下述技术方案解决上述问题：一种架构单页应用程序的方法，包括：创建入口文件mian.js，在入口文件mian.js引入store模块、本文档来自技高网...

【技术保护点】
1.一种架构单页应用程序的方法，其特征在于，包括：创建入口文件mian.js，在入口文件mian.js引入store模块、views模块、router模块、axios模块、components模块和util模块，其中：store模块：包括子文件xx.js、getter.js、index.js和generator.js，所述子文件xx.js根据业务需求创建，并定义了state、mutation和action；所述generator.js包含根据子文件xx.js的命名和收到的网络请求接口生成state、mutation和action的方法，所述生成state、mutation和action的方法被...

【技术特征摘要】
1.一种架构单页应用程序的方法，其特征在于，包括：创建入口文件mian.js，在入口文件mian.js引入store模块、views模块、router模块、axios模块、components模块和util模块，其中：store模块：包括子文件xx.js、getter.js、index.js和generator.js，所述子文件xx.js根据业务需求创建，并定义了state、mutation和action；所述generator.js包含根据子文件xx.js的命名和收到的网络请求接口生成state、mutation和action的方法，所述生成state、mutation和action的方法被映射到子文件xx.js中；所述getter.js获取state数据，并返回至index.js，ind...

【专利技术属性】
技术研发人员：胡敏，
申请(专利权)人：四川长虹电器股份有限公司，
类型：发明
国别省市：四川,51