《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.

【通联编辑：李雅琪】