Vue框架应用实战项目式教程

任务1 “就业职通车”网站项目初始化 1 任务1.1 Vue环境配置 3 1.1.1 Vue3介绍 10 1.1.2 Vite工具介绍 10 任务1.2 项目初始化 12 任务2 招聘岗位数据渲染 17 任务2.1 招聘数据渲染 19 2.1.1 插值语法 20 2.1.2 v-text指令语法 21 2.1.3 v-html指令语法 22 2.1.4 v-once指令语法 22 任务2.2 企业标志渲染 23 任务2.3 招聘表单设计 28 任务2.4 匿名发布渲染 32 2.4.1 v-if指令语法 34 2.4.2 v-else指令语法 35 2.4.3 v-else-if指令语法 36 2.4.4 v-show指令语法 37 2.4.5 v-if指令和v-show指令的区别 37 任务2.5 招聘岗位信息列表渲染 38 2.5.1 使用v-for指令渲染数组 40 2.5.2 使用v-for指令渲染对象 41 2.5.3 使用v-for指令渲染字符串 42 2.5.4 使用v-for指令渲染数字 43 2.5.5 v-for指令和v-if指令的结合使用 44 任务3 岗位发布功能设计 47 任务3.1 岗位点赞功能开发 49 3.1.1 v-on指令语法 52 3.1.2 v-on指令的混合使用 53 3.1.3 $event参数 54 任务3.2 确认发布功能开发 55 任务3.3 信息预览功能开发 61 任务3.4 字符统计功能开发 64 3.4.1 watch监听器的使用 68 3.4.2 watch监听器参数 69 3.4.3 watch监听器和computed计算属性的区别 70 任务4 岗位信息异步渲染 73 任务4.1 Vue生命周期认识 74 4.1.1 生命周期钩子 76 4.1.2 注册生命周期钩子 76 任务4.2 Axios库的使用 79 4.2.1 mock数据 86 4.2.2 vue-axios插件 87 4.2.3 Axios 87 任务5 项目组件化设计 93 任务5.1 组件设计 94 5.1.1 组件基础 96 5.1.2 组件之间的数据通信 99 任务5.2 点赞组件设计 103 5.2.1 插槽 106 5.2.2