《Vue前端框架技術》課程融入思政元素

周錫玲，彭成輝

摘要：課程思政是對高校落實立德樹人的根本任務，鑄就教育之魂的理念創新和實踐創新。現如今，越來越多的高校教師和專業課程投入到“課程思政”改革的行列中來。本文對《Vue前端框架技術》專業課程中融入思政元素進行了探討，充分挖掘專業課程中所蘊含的思想政治教育元素，并將其融入專業課程中，可以實現價值引領、知識教育與能力培養有機統一。

關鍵詞：思政元素;價值引領;能力培養;立德樹人

中圖分類號：G642? ? ? ?文獻標識碼：A

文章編號：1009-3044（2021）20-0215-02

1 專業課程中融入思政元素的意義

在傳統的高職教育教學中，專業課教師普遍認為塑造學生的人生觀、價值觀、世界觀是思政課教師的責任。因此，專業課教師以教給學生專業知識為目標，往往忽視了教師立德樹人的根本任務。大學的思想政治課程的課時是有限的，如果僅僅依靠思想政治課堂時間來開展思想政治教育工作，往往時間顯得非常不夠[1]，而且由于思想政治課程都是純理論講授，往往教師在講臺上講的神采飛揚，津津有味，而課堂上的大部分同學在干自己的事情，學生的學習興趣不是很高，并沒有起到應有的思想政治教育作用。

習近平總書記曾在學校思想政治理論課教師座談會上，明確了要堅持顯性教育和隱性教育相統一，挖掘其他課程和教學方式中蘊含的思想政治教育資源，實現全員全程全方位育人[2]。大學生每個學期都會有專業課，充分挖掘專業課中蘊含的思想政治教育元素，將專業知識與思政元素相結合，對學生進行持續的思想政治教育滲透，進行潛移默化的影響，從而達到潤物細無聲的效果。由此可以看出，在專業課程中融入思政元素具有一定的現實意義。

2 《Vue前端框架技術》課程簡介

《Vue前端框架技術》課程是本校計算機應用技術專業的專業核心課程，旨在培養學生具備使用Vue前端框架技術進行前端系統開發的能力。通過本課程的學習，學生不僅可以掌握Vue.js庫的使用方法，還可以積累項目開發經驗，從而滿足企業實際開發的需求。

3 《Vue前端框架技術》課程教學內容

《Vue前端框架技術》選用的教材是Vue.js前端開發技術[3]，該教材總共包含12章的內容，每個章節的內容大致如下：

（1） Vue入門

主要內容：了解Vue的特點以及在前端開發中的優勢;掌握Vue的下載及如何引入并應用;掌握實例化Vue對象、數據和方法;掌握數據掛載到DOM頁面;掌握MVVM模式。

（2） Vue數據綁定

主要內容：了解Vue的模板語法;熟悉Vue屬性綁定、Vue雙向數據綁定;熟悉Vue計算屬性Computed、計算屬性與methods的區別;掌握Vue生命周期。

（3） Vue指令

主要內容：掌握Vue提供的內置指令v-if、v-for、v-show、v-bind、v-model的作用以及應用。

（4） Vue事件處理

主要內容：掌握Vue事件處理器、方法事件處理器、內聯事件處理器;了解按鍵修飾符、修飾鍵;掌握事件修飾符。

（5） Vue組件

主要內容：了解組件的定義;掌握創建組件的步驟;掌握父組件向子組件通信、子組件向父組件通信、任意組件及平行組件通信。

（6） 自定義指令

主要內容：掌握自定義全局指令和自定義局部指令的語法以及應用;掌握鉤子函數參數以及具體應用;掌握對象字面量。

（7） 過渡與動畫

主要內容：掌握transition組件的使用;掌握單元素/組件的過渡;掌握實現過渡動畫的三種方式;掌握多元素/組件的過渡。

（8） 渲染函數

主要內容：了解渲染函數及其作用;掌握createElement方法。

（9） Vue路由vue-router

主要內容：掌握路由的安裝和使用，熟悉子路由，掌握使用路由傳遞參數和地址欄傳遞參數的方法;掌握路由切換組件的使用;掌握命名視圖和導航鉤子、元數據及路由匹配。

（10） 使用webpack

主要內容：掌握webpack的作用及安裝、webpack常用的loaders、webpack打包。

（11） 綜合案例開發

主要內容：通過實現一個簡單案例—單詞本管理，讓學生學會使用vue-cli開發項目的一些步驟，加深對vue-cli項目結構的理解。

（12） Vue工程項目實戰

主要內容：講解使用Vue完整地開發移動端APP，學會組件化、模塊化的開發方式;在項目資源準備中，要求學生掌握一定的前端開發技巧、圖標字體使用、移動端1像素邊框、css sticky footer布局，Flex彈性布局等。掌握工程化項目目錄設計，學會設置模擬后臺數據;掌握項目中打包的關鍵點。

4 《Vue前端框架技術》課程融入思政元素設計

通過對《Vue前端框架技術》課程進行隱性的“課程思政”元素設計，以“立德樹人”為根本，課程教學中實現如下的育德目標：培養學生的愛國，敬業，無私奉獻精神，引導學生樹立正確的人生觀、價值觀、世界觀;增強學生的自強自信，引導當代大學生激揚青春，努力奮斗;培養學生的創新精神;加強學生的安全意識，幫助學生樹立正確的網絡安全觀;培養學生樂于助人的雷鋒精神。在該教材的部分章節的相關內容中融入了思想政治教育元素，并給出了授課要點，思政映射與融入點，授課形式與教學方法，預期成效。具體內容如表1所示。

5 總結

育人工作是一個春風化雨、潛移默化的過程，教師在課程內容中融入思政元素時，不能強行植入，而是要深入挖掘與課程內容有關的思政元素，實現思政元素與課程內容有機融合，順其自然地將知識教育與思想教育結合起來。

本文對《Vue前端框架技術》課程的部分章節內容中蘊含的思想政治教育元素進行了挖掘，將專業知識與思政元素進行深度融合，在教給學生專業知識的同時達到了育人的目的，實現了價值引領、知識教育與能力培養有機統一，希望能夠為其他高校思政課程的課堂建設提供借鑒。

參考文獻：

[1] 李文艷.《計算機應用基礎》課程融入思政元素[J].數碼世界，2020（1）：188-189.

[2] 徐琴，朱霞，張才華.“Python程序設計”課程思政探索[J].教育教學論壇，2020（53）：298-300.

[3] 王鳳麗.Vue.js前端開發技術[M].北京：人民郵電出版社，2019.

【通聯編輯：李雅琪】