《Vue.js 3开发基础与实战（第1版）（微课版）》教学大纲

汇智动力：汇智动力：/《Vue.js3开发基础与实战》教学大纲课程名称：Vue.js3开发基础与实战课程类别：必修适用专业：计算机技术类相关专业总学时：54学时（其中理论13学时，实验41学时）总学分：4.0学分课程的性质课程的基本要求理论上，要求学生熟悉前端架构模式、Vue介绍和Vue3新特性、Vue指令、Vue基础组件、Vue数据绑定、Vue生命周期、Vue组件进阶、Vue选项式API和组合式API、Vue响应式编程、VueCLI工具的使用、VueRouter路由管理、Vuex状态管理核心概念、服务器渲染技术以及网络交互技术。技能上，要求学生掌握Vue的基本使用、Vue实例对象选项的定义、Vue指令的使用、Vue基础组件和进阶的使用、Vue选项式API和组合式API的使用和响应式编程式开发、VueCLI工具的使用、VueRouter路由配置、Vuex状态管理、服务器渲染技术以及网络交互技术的使用。思政上，落实立德树人的根本任务，贯彻落实习近平新时代中国特色社会主义思想，引导学生的环保理念、职业道德、发展与公平公正理念。教学条件Node.jsv18.12.1+VisualStudioCode1.34.0+课程学时分配序号教学内容理论学时实验学时其它1初始Vue.js112Vue开发基础243Vue指令124Vue组件125Vue组件进阶136Vue进阶147VueCLI脚手架的使用148VueRouter路由管理159Vue状态管理1410服务器端渲染技术1211网络数据交互技术1312项目实战：电商后台管理系统17总计1341教学内容及学时安排理论教学序号章节名称主要内容教学目标学时1初始Vue.js了解前端技术的发展了解前端主流框架熟悉前端架构模式熟悉Vue.js及其Vue3的新特性熟悉前端技术的发展和Vue.js12Vue开发基础熟悉Vue实例配置掌握模板语法熟悉Vue中条件渲染、列表渲染熟悉计算属性熟悉侦听器熟悉数据绑定熟悉事件的处理熟悉Vue实例配置熟悉Vue数据渲染、绑定、计算属性、侦听器和事件处理23Vue指令熟悉Vue内置指令熟悉自定义指令熟悉Vue常用指令和自定义指令14Vue组件熟悉组件概念和定义熟悉组件的注册和使用熟悉组件中数据的传递熟悉slot插槽技术熟悉动态组件熟悉Vue组件定义和使用15Vue组件进阶熟悉组件的生命周期熟悉Props的更多使用熟悉异步组件和内置组件熟悉组件生命周期、props以及异步组件和内置组件的使用16Vue进阶熟悉Vue全局API熟悉选项式API熟悉响应式编程和组合式API熟悉过渡和动画和内置组件熟悉虚拟DOM熟悉Vue常用API和虚拟DOM17VueCLI脚手架的使用熟悉模块化开发熟悉Node.js、npm和yarn以及webpack熟悉VueCLI工具熟悉单页面应用和单文件组件开发熟悉Vite工具熟悉Node.js、npm等工具熟悉VueCLI工具的使用18VueRouter路由管理熟悉路由的概念和实现方式熟悉VueRouter熟悉路由传参和匹配模式熟悉命名路由和命名视图熟悉路由重定向和别名熟悉路由传参方式熟悉导航守卫熟悉路由管理19Vue状态管理熟悉Vue状态管理模式熟悉Vuex介绍熟悉Vuex的核心概念熟悉Pinia工具熟悉状态管理110服务器端渲染技术熟悉页面渲染技术熟悉服务器端渲染技术—SSR熟悉Nuxt框架熟悉服务器渲染技术111网络数据交互技术熟悉网络基础知识熟悉HTTP协议熟悉Ajax技术熟悉同源策略和跨域熟悉网络基础知识熟悉跨域问题112项目实战：电商后台管理系统熟悉项目功能和技术栈的选择熟悉项目相关环境熟悉ElementPlus熟悉Mock.js熟练掌握项目页面编写步骤熟练项目开发和流程1学时合计13实验教学序号实验项目名称实验要求学时1初始Vue.js熟悉前端常用开发工具的使用熟练掌握Vue.js的安装和使用12Vue开发基础掌握Vue实例的定义和使用掌握模板语法的使用掌握条件渲染的使用掌握列表渲染的使用掌握计算属性和侦听器的使用掌握数据绑定和事件处理熟练章节案例43Vue指令掌握内置指令的使用熟悉自定义指令24Vue组件熟悉Vue组件的定义和注册掌握组件中数据的传递熟练插槽技术的使用熟悉动态组件的使用25Vue组件进阶熟悉组件生命周期熟悉Props进阶的使用熟悉异步组件的使用熟悉Vue内置组件的使用36Vue进阶熟悉Vue全局API的使用熟练选项式API的使用熟练组合式API的使用熟悉过渡和动画的使用掌握本章案例47VueCLI脚手架的使用熟悉Node.js安装、npm常用命令的使用熟悉单页面应用开发熟练单文件组件的使用熟悉CLI插件的使用和配置熟悉Vite构建工具的使用48VueRouter路由管理熟悉Hash和History实现路由熟练路由的安装和基本使用熟练路由对象和模式配置熟练动态路由匹配熟悉命名路由和命名视图的使用掌握路由组件传参掌握导航守卫的使用熟悉路由懒加载、路由动态操作和过渡动效59Vue状态管理掌握Vuex的安装和使用掌握Vuex的核心概念的使用掌握Vuex使用组合式API熟悉Pinia工具的使用410服务器端渲染技术熟悉Nuxt框架的安装和基本使用熟悉Nuxt框架实现视图和路由熟悉Nuxt中的状态管理211网络数据交互技术熟悉Ajax的使用熟悉Axios的使用和配置熟悉Axios拦截器的使用熟悉跨域的实现312项目实战：电商后台管理系统熟练项目环境的搭建熟练创建项目、配置路由和状态管理熟悉Axios和API的封装访问熟悉ElementPlus和Mock.js的使用熟练编写登录页面熟练编写主页熟练编写商品管理相关页面和逻辑7学时合计43考核方式培养学生的技术理论和项目实验能力，加强过程性考核。课程考核的成绩构成=平时练习（10%）+课堂参与（20%）+期末考核（70%