《Vue js跨平台开发基础教程》读书笔记模板

Vue.js跨平台开发基础教程读书笔记模板01思维导图目录分析精彩摘录内容摘要读书笔记作者介绍目录0305020406思维导图基础教程模块应用技术开发项目任务模块项目组件习题选项设计管理小结属性方法用户实例本书关键字分析思维导图内容摘要内容摘要本书以培养前端工程师为目标，基于工作任务模式进行编写，全面讲解了Vue.js开发的知识。本书共10个模块。模块1～3介绍Vue框架的基础知识，包括开发环境、Vue构造器基本选项、Vue指令，学习Vue的基础知识。模块4介绍Vue过渡，包括基于CSS过渡与动画的过渡，以及Vue与一些主流动画库的结合应用，初步了解Vue的通用性与先进性。模块5介绍Vue复用，为Vue组件与复杂应用开发奠定基础。模块6介绍Vue自定义组件，组件是Vue的核心，自此开始Vue重点与难点知识的学习。模块7介绍Vue路由，路由是单页面应用的基石，也是Vue的核心插件，插件在Vue中占有非常重要的地位。模块8介绍VueCLI，包括搭建CLI脚手架项目，并对模块7中的路由工作任务进行了重构，巩固路由的学习，并引入了企业开发技术。模块9介绍Vuex与Axios，介绍Vue开发的实用技术。模块10介绍Vue与element-ui的结合应用，拓展Vue的应用与介绍，完整实践企业Vue项目开发，全面训练岗位技能，培养职业素养。本书可作为应用型本科与高职高专院校Vue前端开发技术或跨平台开发课程的教材；也可作为前端开发技术人员的技术参考资料、培训用书或自学参考书。目录分析任务1.1了解Vue基础知识模块小结任务1.2熟悉Vue项目开发环境模块1Vue概述实训1习题1模块1Vue概述任务1.1了解Vue基础知识1.1.1前端开发概述1.1.2Vue创始人介绍1.1.3什么是Vue1.1.4Vue的优势任务1.2熟悉Vue项目开发环境1.2.1编辑器概述1.2.2安装HBuilderX编辑器1.2.3创建与调试Vue项目任务2.1显示诗词任务2.2设计数据编码器任务2.3编写模拟购物车任务2.4学习Vue生命周期模块2Vue实例模块小结实训2习题2模块2Vue实例任务2.1显示诗词2.1.1创建Vue实例2.1.2根元素选项(el)2.1.3数据选项(data)任务2.2设计数据编码器2.2.1过滤选项(filters)2.2.2方法选项(methods)任务2.3编写模拟购物车2.3.1计算选项(computed)2.3.2状态监听选项(watch)2.3.3computed与watch选项的应用场景任务2.4学习Vue生命周期2.4.1生命周期概述2.4.2生命周期事件2.4.3Vue实例方法与属性任务3.1开发用户注册程序任务3.3设计电子商务购物车任务3.2开发用户登录程序模块3Vue指令模块小结实训3习题3模块3Vue指令任务3.1开发用户注册程序3.1.1v-text指令3.1.2v-html指令3.1.3v-model指令3.1.4v-if、v-else和v-show指令任务3.2开发用户登录程序3.2.1v-bind指令3.2.2过滤v-bind指令绑定的属性3.2.3绑定class与style属性任务3.3设计电子商务购物车3.3.1v-for指令3.3.2v-on指令3.3.3v-on指令修饰符任务4.1学习过渡组件任务4.2掌握多元素过渡方法任务4.3掌握列表与状态过渡方法模块小结习题4实训4010302040506模块4Vue过渡任务4.1学习过渡组件4.1.1<transition>组件定义4.1.2类名前缀属性4.1.3自定义类名属性4.1.4钩子函数4.1.5初始动画属性任务4.2掌握多元素过渡方法4.2.1多元素过渡4.2.2过渡模式任务4.3掌握列表与状态过渡方法4.3.1<transition-group>组件定义4.3.2排序过渡属性(move)4.3.3交错过渡4.3.4状态过渡任务5.1设计管理用户权限指令任务5.2设计维护用户信息程序任务5.3掌握插件用法模块小结模块5Vue复用实训5习题5模块5Vue复用任务5.1设计管理用户权限指令5.1.1自定义指令5.1.2响应式属性(set)任务5.2设计维护用户信息程序5.2.1继承(extend)5.2.2混入(mixin)任务5.3掌握插件用法5.3.1插件概述5.3.2安装插件5.3.3开发插件任务6.1设计计分器组件任务6.2编写搜索框组件任务6.3开发管理用户账户组件模块小结模块6Vue自定义组件实训6习题6模块6Vue自定义组件任务6.1设计计分器组件6.1.1组件定义与注册6.1.2组件模板6.1.3选项作用域6.1.4组件的生命周期任务6.2编写搜索框组件6.2.1props选项6.2.2插槽6.2.3箭头函数任务6.3开发管理用户账户组件6.3.1$emit()方法6.3.2动态组件6.3.3动态组件过渡任务7.1设计页面路由任务7.2给路由传递参数任务7.3设计嵌套路由模块小结模块7Vue路由实训7习题7模块7Vue路由任务7.1设计页面路由7.1.1单页面应用7.1.2路由视图7.1.3路由构造器7.1.4路由导航7.1.5路由过渡任务7.2给路由传递参数7.2.1路由实例7.2.2路由管理器对象7.2.3query方式的参数传递7.2.4params方式的参数传递7.2.5路由的模式任务7.3设计嵌套路由7.3.1嵌套路由父级设计7.3.2嵌套路由子级设计任务8.1了解CLI基础知识任务8.2创建CLI项目任务8.3实战CLI项目任务8.4开发用户管理CLI项目模块8VueCLI模块小结实训8习题8模块8VueCLI任务8.1了解CLI基础知识8.1.1VueCLI的特点8.1.2CLI安装必备8.1.3Git-Bash命令行工具任务8.2创建CLI项目8.2.1命令行创建与运行CLI项目8.2.2在HBuilderX环境下创建与运行CLI项目任务8.3实战CLI项目8.3.1单文件组件8.3.2导入与导出语句8.3.3CLI项目结构分析任务8.4开发用户管理CLI项目8.4.1CLI插件8.4.2安装插件任务9.1了解Vuex基础知识任务9.2学习Store构造器的选项任务9.3使用模块定义Vuex任务9.4掌握Axios的用法任务9.5开发天气预报CLI项目12345模块9Vuex与Axios模块小结实训9习题9模块9Vuex与Axios任务9.1了解Vuex基础知识9.1.1Vuex概述9.1.2Store构造器任务9.2学习Store构造器的选项9.2.1状态管理9.2.2Getter9.2.3Mutation9.2.4Action任务9.3使用模块定义Vuex9.3.1modules选项9.3.2动态注册模块任务9.4掌握Axios的用法9.4.1Axios概述9.4.2参数传递任务9.5开发天气预报CLI项目9.5.1项目创建9.5.2项目实施9.5.3项目测试与运行任务10.1掌握element-ui的用法任务10.2分析电子商务系统任务10.3设计系统首页任务10.4设计“我的购物车”页面任务10.5设计商家后台管理模块12345模块10电子商务系统任务10.6设计商品管理模块任务10.7项目测试与总结模块小结习题10实训1012345模块10电子商务系统任务10.1掌握element-ui的用法10.1.1element-ui概述10.1.2使用element-ui任务10.2分析电子商务系统10.2.1项目概述10.2.2项目分析10.2.3项目创建10.2.4创建准备任务10.3设计系统首页10.3.1设计导航信息栏10.3.2设计标题搜索栏10.3.3设计商品展示栏任务10.4设计“我的购物车”页面10.4.1设计商品信息栏10.4.2设计购物结算栏任务10.5设计商家后台管理模块10.5.1菜单设计10.5.2首页设计任务10.6设计商品管理模块10.6.1商品列表设计10.6.2商品维护任务10.7项目测试与总结10.7.1项目测试与