基于vue 的WEB 前端開發課程教學模式探究

解秀萍 鄭秀春 牛紅霞 石家莊信息工程職業學院

眾所周知，現在的用戶群對Web 前端的使用體驗需求逐漸提升，這就使得web 前端開發的工作量隨之增加了很多，代碼量持續遞增，開發難度也越來越大。基于此情況，為了進一步提升代碼復用率和開發效率，網頁開發框架開始受到了更高關注。vue 前端開發技術便誕生在這樣的背景之下，其是建立在MVVM 架構模式基礎上的一種技術類型。是當前非常流行的Web 前端開發技術之一。輕量級響應式框架vue 的出現和應用，不僅有效簡化了Web 前端開發流程，降低開發難度，提高開發效率，而且實現了Web 系統前、后端開發完全分離，全面提高了系統的靈活性和可擴展性，其也為當前高校Web 前端開發課程教學模式的創新與改革提供了一個全新的發展思路。以下是筆者結合自己近兩年相關工作經驗，就此議題的相關內容提出自己的幾點看法和建議。

一、關于vue 的簡要介紹

為進一步提高開發效率，近些年我國相關專業領域一直都在不斷加大對Web 前端基于框架的開發力度，其中，vue 便屬于最為理想的框架之一。vue 與其他框架不同，其屬于構建用戶界面的漸進式框架，采用的設計方式是自底向上增量開發的理念，其擁有著更強的開放性和靈活性，而且vue 的框架結構與其他積累框架相比也要更加簡單一些。vue 的優勢主要體現在兩點：其一，vue 有助于開發人員快速掌握和使用。其二，vue 可以更加便捷高效地與既有項目或者第三方庫實現整合。第三，當與現代化的工具鏈以及各種支持類庫結合使用時，vue 也完全能夠為復雜的單頁應用提供驅動。

關于vue 的運行原理，在介紹vue 的運行原理之前，筆者在這里要介紹三個概念，分 別 是Observer、Compile 和Watcher。首先，關于Observer，Observer 是數據監聽器，因此它的作用和價值便是監聽數據，但是它的獨特之處就在于其可以對數據對象當中的全部屬性進行監聽，并且會告知訂閱者哪些數據的屬性發生了什么樣的變化。其次，關于Compile，Compile 是指令解析器，Compile 的功能和價值在于掃描vue 中的指令，并且會對掃描后得到的指令進行解析和編譯。還有，關于Watcher，Watcher 更像是一個協調者，協調Observer 和Compile，在Observer 和Compile 之間建立起連接，接收來自Observer 的屬性變化通知，發揮自身的協調調度功能，并執行指令綁定的響應回調函數。

vue 創建對象的流程是：第一，為選定對象進行初始化，初始化的過程當中，Observer 會持續對選定對象的屬性進行監聽，與此同時，Compile 會對web頁面中的指令進行掃描，并且對掃描后的指令進行編譯，Watcher 則會在Dep 中添加一個閱讀者。第二，在系統運行過程中，Observer 會獲取屬性變化并且通知Dep，在Dep 中查找與該屬性對象對應的訂閱者，并向添加該訂閱者的Watcher 發送變化通知，從而對視圖進行相應的更新。

二、基于vue 的WEB 前端開發課程教學模式分析

（一）構建完善的課程知識結構

根據筆者的調查和了解，發現當前有一部分高校在該課程領域的知識結構方面安排并不是很合理，其并沒有認識到界面設計和代碼設計二者是同等重要的，在實際教學中存在著明顯的傾向性教學，或傾向于界面設計，或傾向于代碼設計。在web 前端開發技術不斷創新與升級的背景下，高校需要結合現實發展需求和學校自身情況來重新構建起課程知識結構，將vue 這一開發技術的理論和實踐教學融入課程知識結構體系當中來，為學生們提供更多學習、了解和應用vue 技術的機會，其對于相關專業學生未來步入相應崗位后實際工作的開展也會有著非常大的幫助。除此之外，高校一定要在綜合考量各方面因素之后再進行課程知識結構的調整，要充分考慮到實際崗位的需求變化、學校課程教學的實際情況以及當代學生群體的認知和學習規律等等，進而更好的確保課程知識結構的合理性與系統性。

（二）追求教學方式的多元化

之前高校在web 前端開發課程教學工作當中，主要采用的教學方式有案例教學法、問題驅動型教學法等等，這些教學方式雖然也呈現出比較理想的教學效果，但是，其并不能夠完全滿足當下web 前端開發課程教學的需求變化。基于此情況，高校在該課程教學工作當中應該積極創新和應用更具新穎性和高效性的教學方式，要將網頁設計與制作中所涉及的關鍵技術和知識點更多的融入實際教學當中來。基于vue 的web 前端開發課程教學模式，筆者建議高職院校可以多應用慕課、微課等方式來進行教學，將vue 的相關知識制作成為精簡的小視頻，將其放置到網絡平臺上面供學生們學習和了解，更好地學習vue 的操作技巧，了解vue 的運行原理，了解vue 在當前web 前端開發領域中發揮著什么樣的重要作用和價值。

三、結束語

綜上所述，Web 前端開發課程是當前高職院校計算機應用技術、軟件工程等相關專業中的一門重要課程，該課程教學意在引導學生們學習和了解當今社會中最具先進性的Web 前端開發技術，并且能夠學以致用。將vue 融入Web 前端開發課程當中，讓學生們了解當前最流行的輕量級響應式框架，對于學生們學習該課程以及未來參加網站開發相關工作都有著非常大的幫助作用。