本教材是福建省精品在线开放课程“基于Vue前端框架开发”的配套教材。教材遵循“项目导向、任务驱动”的教学理念,将“畅游八闽”项目分解成若干个能够实现阶段性成果的任务,落实到教材各个模块中实施。其中:模块一“开发环境搭建”:使用Vite工具搭建Vue项目,并根据提供的HTML素材将项目通过Vue框架进行改写,实现项目页面的布局与样式效果。模块二“留言板设计”:使用Vue.js的绑定特性设计与开发留言板。模块三“发表留言功能开发”:使用Vue.js的基本指令实现留言点赞、匿名评论、留言列表渲染、发表留言等功能。模块四“留言板异步数据渲染”:借助Axios第三方库,使用Vue.js的数据交互技术实现留言板异步数据渲染。模块五“留言列表组件开发”:通过组件实现“留言列表”、“点赞”和“标题”组件的开发。模块六“热点文章页面开发”:使用Vue.js的路由实现“热点文章”页面跳转功能。模块七“页面切换效果设计”:通过Vue的动画组件设计页面之间的切换效果。模块八“ 好文页面开发”:使用Vuex统一管理“ 好文”的阅读量、热度等状态信息。模块九“留言后台管理系统设计”:使用第三方UI插件ElementPlus与Echarts结合,设计后台留言管理页面。留言后台管理分为留言内容管理和留言数据看板两个模块。模块十“Vue3项目重构”:使用Vue3组合式API对之前模块设计的项目进行重构。