一、基本信息
標題：基於Vue.js的Web前端應用研究
時間：2017
來源：科技與創新
關鍵詞：Web前端；Vue.js；JavaScript組件；Vue框架
二、研究內容
1.主要內容：
隨着互聯網的迅猛發展，用戶對Web前端的使用體驗、交互操作流程、外觀有了更高的要求。特別是Web系統中越來越多的數據處理和業務邏輯開始偏向前端，導致Web前端工作量擴大，代碼量增加。如果
仍然采用傳統的方式開發設計Web前端，會導致前期開發度和后期維護難度增大，可擴展性變差。為了提高開發效率和代碼復用率，越來越多的網頁開發框架開始流行。於是先后提出了MVC、MVVM模式，方便
了構建基於事件的Web前端開發平台。本文主要介紹了基於MVVM模式的輕量級響應式框架Vue js的應用和研究，利用Vue框架實現了簡化Web前端開發流程。
1應用需求
我校教師工作處為了更好地服務和管理全校教師借鑒全國教師管理系統,結合我校實際工作需求,開發-套Web教師管 理系統。該系統的主要要求有以下3個:(1)界面友好,美觀大方。(2) 系統能實現對教
師的基本信息、教學、科研、學習經歷、工作經歷、培訓、訪學、獲獎等信息的統計和管理。(3) 系統運行安全、穩定、速度快、便於管理。因為系統處於急用狀態，開發、實施時間短，所以，決定采用前、后
端同時開發和調試，利用JSON API的方式，實現Web的前后分離，邏輯處理部分轉移到前端來實現，開發人員可以根據用戶的需求對前端進行快速迭代更新，具有高度的靈活性和可打展性。
2 Vue.js介紹
為了提高開發效率，對Web前端基於框架進行了開發。對比目前比較流行的React、Angular、 Ploymer框架， 最終選擇了Vue js (以下簡寫為Vue)框架。與其他重量級框架不同的是，Vue是一套構建用戶界
面的漸進式框架，采用自底向上增量開發的設計方式，是更加靈活、開放的解決方案，架構更加簡單，適合開發人員快速掌握其全部特性並投入使用，還便於與第三方庫或既有項目整合。結合Vue生態系統支持庫
Vuex、Vue-router, 能夠為復雜的應用程序提供驅動。
仍然采用傳統的方式開發設計Web前端，會導致前期開發度和后期維護難度增大，可擴展性變差。為了提高開發效率和代碼復用率，越來越多的網頁開發框架開始流行。於是先后提出了MVC、MVVM模式，方便
了構建基於事件的Web前端開發平台。本文主要介紹了基於MVVM模式的輕量級響應式框架Vue js的應用和研究，利用Vue框架實現了簡化Web前端開發流程。
1應用需求
我校教師工作處為了更好地服務和管理全校教師借鑒全國教師管理系統,結合我校實際工作需求,開發-套Web教師管 理系統。該系統的主要要求有以下3個:(1)界面友好,美觀大方。(2) 系統能實現對教
師的基本信息、教學、科研、學習經歷、工作經歷、培訓、訪學、獲獎等信息的統計和管理。(3) 系統運行安全、穩定、速度快、便於管理。因為系統處於急用狀態，開發、實施時間短，所以，決定采用前、后
端同時開發和調試，利用JSON API的方式，實現Web的前后分離，邏輯處理部分轉移到前端來實現，開發人員可以根據用戶的需求對前端進行快速迭代更新，具有高度的靈活性和可打展性。
2 Vue.js介紹
為了提高開發效率，對Web前端基於框架進行了開發。對比目前比較流行的React、Angular、 Ploymer框架， 最終選擇了Vue js (以下簡寫為Vue)框架。與其他重量級框架不同的是，Vue是一套構建用戶界
面的漸進式框架，采用自底向上增量開發的設計方式，是更加靈活、開放的解決方案，架構更加簡單，適合開發人員快速掌握其全部特性並投入使用，還便於與第三方庫或既有項目整合。結合Vue生態系統支持庫
Vuex、Vue-router, 能夠為復雜的應用程序提供驅動。
四、參考文獻
［１］基於Vue.js的Web前端應用研究[J]. 朱二華. 科技與創新. 2017(20)