Vue.js前端开发框架应用（微课版）-课程标准(大纲)

PAGEPAGE3《Vue.js前端开发框架应用》课程标准1.课程定位和课程设计1.1课程性质与作用《Vue.js前端开发框架应用》是软件技术专业的一门必修课程，是在学习HTMLWeb开发技术的基础上，开设的一门“理论+实践”的课程。课程对接企业人才培养目标，面向Web程序员工作岗位，培养学生能够使用Vue技术进行企业级项目开发的能力，具有探究学习、终生学习、分析问题和解决问题的能力，具有良好的程序思维能力，为学生的就业奠定基础。前导课程：《静态网页设计》、《WEB前端框架应用》、《JavaScript程序设计》后继课程：《WEB项目整合开发》1.2课程基本理念本课程设计理念是以职业能力培养为重点，以就业为导向，培养学生具备就业市场所需的职业技能。在培养学生职业技能的同时，以学生为主体、关照学生、服务学生，不断提高学生思想水平、政治觉悟、道德品质、文化素养，让学生成为德才兼备、全面发展的人才。坚持不懈培育和弘扬社会主义核心价值观，引导广大学生做社会主义核心价值观的坚定信仰者、积极传播者、模范践行者。1.3课程设计思路基于实际工作内容开发课程，以行动导向进行教学设计，以学生为主体，以实训为手段，设计出理论学习与技能掌握相融合的课程内容体系。教学整体设计“以职业技能培养为目标、以施工任务（项目）为载体、理论学习与实践操作结合。同时通过采用“教”、“学”、“做”三位一体法教学法，教师边示范、边讲解、边提问，学生边做、边学、边思考，从而实现在做中教，在做中学，提高学生的实践能力和专业水平。2.课程目标知识目标：通过这门课程的学习，学生能够熟练掌握Vue前端框架，搭建Vue开发环境，创建Vue项目，在Vue中进行数据绑定和事件监听，根据页面和业务需求合理拆分组件，使用vue-router实现单页面开发。能力目标：通过本课程的学习，学生能熟练使用Vue.js搭建网站，应用Vue框架开发前端Web网站，具备必备的程序调试和问题解决能力，能够熟练使用主流开发工具对应用程序进行调试、跟踪，确保网站运行正常，满足业务需求。素质目标：通过本课程的学习培养学生良好的职业道德和素养，认真负责的工匠精神，以及自主的学习能力、良好的与人沟通能力、良好的团队合作精神，并能在实践中进行独立思考和开拓创新。3.课程内容与要求学习情境设计：学习情境情境描述职业能力（知识、技能、态度）课时初识Vue.js前端技术的发展Vue简介Vue开发环境使用Vite创建Vue3项目了解前端技术的发展，能够说出使用框架开发项目的优势。了解什么是Vue，能够说出Vue的基本概念掌握Node.js环境的搭建，能够独立完成Node.js的下载和安装掌握常见的包管理工具的使用方法，能够应用npm和yarn相关命令下载、升级、卸载包掌握Vite的使用方法，能够使用Vite创建Vue3项目4Vue.js开发基础单文本组件数据绑定指令事件对象事件修饰符计算属性样式绑定掌握单文件组件，能够创建并使用单文件组件掌握数据绑定，能够定义数据并将数据渲染到页面中掌握属性绑定指令，能够灵活运用v-bind指令给目标元素的属性动态绑定值掌握事件绑定指令，能够灵活运用v-on指令给目标元素绑定事件掌握双向数据绑定指令，能够灵活运用v-model指令在表单元素上实现数据的双向绑定掌握条件渲染指令，能够灵活运用v-if、v-show指令根据不同的条件渲染不同的标签掌握列表渲染指令，能够灵活运用v-for指令将数组、对象等中的数据渲染到页面中掌握事件对象，能够灵活运用事件对象获取和修改DOM元素的属性熟悉事件修饰符，能够阐述常见的事件修饰符掌握计算属性，能够灵活运用计算属性实时监听数据的变化，当所依赖的数据发生变化时重新计算值掌握侦听器，能够灵活运用侦听器监听数据的变化并进行相应的操作掌握样式绑定，能够灵活运用v-bind绑定class和style属性实现元素样式的设置22组件基础选项式API和组合式API生命周期函数组件的注册和引用组件间的样式冲突父组件向子组件传递数据子组件向父组件传递数据跨级组件之间的数据传递熟悉选项式API和组合式API，能够说出选项式API和组合式API的区别掌握生命周期函数的使用方法，能够灵活运用生命周期函数在特定时间执行特定的操作掌握注册组件的方法，能够运用全局注册或者局部注册的方式完成组件的注册掌握引用组件的方法，能够在Vue项目中以标签的形式引用组件掌握组件之间样式冲突问题的解决方法，能够运用<style>标签的scoped属性和深度选择器解决组件之间样式冲突的问题掌握父组件向子组件传递数据的方法，能够使用props实现数据传递掌握子组件向父组件传递数据的方法，能够使用自定义事件实现数据传递14路由初识路由初识VueRouter路由重定向嵌套路由动态路由命名路由编程式导航导航守卫了解什么是路由，能够说出前后端路由的基本工作原理掌握VueRouter的安装，能够独立安装VueRouter掌握VueRouter的基本使用方法，能够在项目中配置VueRouter掌握路由重定向的使用方法，能够解释路由重定向的实现掌握嵌套路由的使用方法，能够实现路由的嵌套掌握动态路由的使用方法，能够实现动态路由的匹配掌握命名路由的使用方法，能够解释命名路由的实现掌握编程式导航的使用方法，能够灵活应用编程式导航掌握导航守卫的使用方法，能够实现路由访问权限的控制16网络请求Axios了解Axios的基本概念，能够说出Axios的功能和主要特性掌握Axios的安装和使用方法，能够在项目中安装并使用Axios4课程设计设计前的准备设计过程设计总结使用Vue创建项目根据需求文档，完成业务开发实践中进行独立思考和创新12总学时724.课程实施4.1教学条件4.1.1软硬件条件软件或学习平台：操作系统（Windows7及后续版本）、开发工具（Chrome、VisualStudioCode、Node.js等）4.1.2师资条件课程要求教学能力强、教学经验丰富、精通业务、教学效果好，且具有良好综合素质的教师担任。在信息技术课程教学中，教师要帮助学生正确认识面对五花八门的互联网信息时所应具备的思想政治立场。明确互联网信息的判断标准。理性分析和分类哪些是政治立场正确，而哪些又是不正确的。并且对自身在网络环境中发表言论的行为负责，始终秉持正确的政治立场，帮助学生建立正确的人生观、价值观。4.2教学方法建议“项目驱动”教学法在讲解知识点之前，通过一个实际的项目（采用受学生欢迎的学习、娱乐网站中的页面），引出知识点。为了解决项目的问题，讲解知识点，提高学生兴趣。问题引导法教师在课堂上提出问题，引导学生分析问题，最后达到解决问题的目的。这种教学方法以问题的设计和回答为主要形式，实施要点是教师如何引导学生去分析问题、解决问题这一探究过程。案例教学法围绕一定的目的，把实际中真实的情景加以典型化处理，形成供学员思考分析和决断的案例，通过独立研究和相互讨论的方式，来提高学员的分析问题和解决问题的能力的一种方法。4.3教学评价、考核要求教学评价通过职教云平台实现全过程数据采集和即时评价，主要由平时成绩、期末考试成绩两部分的评价构成。考核比例及要求：评价构成评价要素评价主体评价标准平时成绩（50%）考勤（40%）考勤表满分100，扣分标准：旷课：15/次迟到：5/次病假、事假：2/次作业（40%）教师评价依据需求文档结合代码评价、系统评价实践性环节（20%）（抢答、编码）学生互评、小组互评、教师评价依据问题答案、编码效果期末考试成绩（50%)代码、说明书教师评价依据评分表5.课程资源开发与利用（1）根据课程目标、学生实际以及本课程的专业技能特性，本课程的教学资源应该由教材、平台资源、网络资源等组成。推荐教材：《Vu