解秀萍 郑秀春 牛红霞 石家庄信息工程职业学院

众所周知，现在的用户群对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 前端开发课程当中，让学生们了解当前最流行的轻量级响应式框架，对于学生们学习该课程以及未来参加网站开发相关工作都有着非常大的帮助作用。