Vue.js跨平台开发基础教程

Vue.js跨平台开发基础教程

查阅电子书
手机扫码
  • 微信扫一扫

    关注微信公众号

因版权原因待上架

编辑推荐

此书全面讲解Vue开发,培养前端工程师。

内容简介

本书以培养前端工程师为目标,基于工作任务模式进行编写,全面讲解了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项目开发,全面训练岗位技能,培养职业素养。

作者简介

编者刘培林,无锡职业技术学院软件技术专业带头人,骨干教师。有12年的企业软件项目开发经验,主持和参与过多项重大软件技术项目研发,包括“蛟龙号”载人潜水器操纵模拟系统教控软件子系统的研发,有13年的软件技术专业教学经验,多次主持软件技术专业人才培养方案制定。在国内外公开出版的学术刊物、国际学术会议上发表论文20多篇,主编《C#可视化程序设计案例教程》教材2013年被评为江苏省十二五重点教材。

章节目录

版权信息

前言

模块1 Vue概述

任务1.1 了解Vue基础知识

1.1.1 前端开发概述

1.1.2 Vue创始人介绍

1.1.3 什么是Vue

1.1.4 Vue的优势

任务1.2 熟悉Vue项目开发环境

1.2.1 编辑器概述

1.2.2 安装HBuilderX编辑器

1.2.3 创建与调试Vue项目

模块小结

习题1

实训1

模块2 Vue实例

任务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.3 computed与watch选项的应用场景

任务2.4 学习Vue生命周期

2.4.1 生命周期概述

2.4.2 生命周期事件

2.4.3 Vue实例方法与属性

模块小结

习题2

实训2

模块3 Vue指令

任务3.1 开发用户注册程序

3.1.1 v-text指令

3.1.2 v-html指令

3.1.3 v-model指令

3.1.4 v-if、v-else和v-show指令

任务3.2 开发用户登录程序

3.2.1 v-bind指令

3.2.2 过滤v-bind指令绑定的属性

3.2.3 绑定class与style属性

任务3.3 设计电子商务购物车

3.3.1 v-for指令

3.3.2 v-on指令

3.3.3 v-on指令修饰符

模块小结

习题3

实训3

模块4 Vue过渡

任务4.1 学习过渡组件

4.1.1 组件定义

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 组件定义

4.3.2 排序过渡属性(move)

4.3.3 交错过渡

4.3.4 状态过渡

模块小结

习题4

实训4

模块5 Vue复用

任务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 开发插件

模块小结

习题5

实训5

模块6 Vue自定义组件

任务6.1 设计计分器组件

6.1.1 组件定义与注册

6.1.2 组件模板

6.1.3 选项作用域

6.1.4 组件的生命周期

任务6.2 编写搜索框组件

6.2.1 props选项

6.2.2 插槽

6.2.3 箭头函数

任务6.3 开发管理用户账户组件

6.3.1 $emit()方法

6.3.2 动态组件

6.3.3 动态组件过渡

模块小结

习题6

实训6

模块7 Vue路由

任务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.3 query方式的参数传递

7.2.4 params方式的参数传递

7.2.5 路由的模式

任务7.3 设计嵌套路由

7.3.1 嵌套路由父级设计

7.3.2 嵌套路由子级设计

模块小结

习题7

实训7

模块8 Vue CLI

任务8.1 了解CLI基础知识

8.1.1 Vue CLI的特点

8.1.2 CLI安装必备

8.1.3 Git-Bash命令行工具

任务8.2 创建CLI项目

8.2.1 命令行创建与运行CLI项目

8.2.2 在HBuilderX环境下创建与运行CLI项目

任务8.3 实战CLI项目

8.3.1 单文件组件

8.3.2 导入与导出语句

8.3.3 CLI项目结构分析

任务8.4 开发用户管理CLI项目

8.4.1 CLI插件

8.4.2 安装插件

模块小结

习题8

实训8

模块9 Vuex与Axios

任务9.1 了解Vuex基础知识

9.1.1 Vuex概述

9.1.2 Store构造器

任务9.2 学习Store构造器的选项

9.2.1 状态管理

9.2.2 Getter

9.2.3 Mutation

9.2.4 Action

任务9.3 使用模块定义Vuex

9.3.1 modules选项

9.3.2 动态注册模块

任务9.4 掌握Axios的用法

9.4.1 Axios概述

9.4.2 参数传递

任务9.5 开发天气预报CLI项目

9.5.1 项目创建

9.5.2 项目实施

9.5.3 项目测试与运行

模块小结

习题9

实训9

模块10 电子商务系统

任务10.1 掌握element-ui的用法

10.1.1 element-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 项目测试与运行

10.7.2 项目总结

模块小结

习题10

实训10

附录

附录A CSS过渡

附录B CSS动画

参考文献

Vue.js跨平台开发基础教程是2022年由机械工业出版社出版,作者刘培林 主编。

得书感谢您对《Vue.js跨平台开发基础教程》关注和支持,如本书内容有不良信息或侵权等情形的,请联系本网站。

购买这本书

你可能喜欢
iOS开发基础教程 电子书
本书共分13章,详细讲解iOS开发的各个知识点,内容包括iOS开发环境介绍,第一个iOS应用——“hello,world”,CocoaTouch框架的运行机制与开发流程,iOS开发命名习惯与约定,iOS用户界面元素之UIView与控件,导航控制器,故事板Storyboard与页面跳转,提醒用户,表视图之UITableView,iOS常用设计模式,iPad开发之差异,数据存储,触摸与手势等内容。本书
Vue.js前端开发快速入门与专业应用 电子书
摸透Vue.js,无论是桌面端还是移动端,让你从容面对!
微信公众平台开发技术 电子书
本书较为全面地介绍了微信公众平台开发的基本流程与方法。全书共11章,主要分为两个部分:第一部分(第1~8章)介绍了微信公众平台及其接口,主要包括初识微信公众平台、微信公众平台开发准备、自定义菜单、消息的接收与响应、用户管理与账号管理、微信小店、微信支付、高级接口等;第二部分(第9~11章)介绍了几种微信公众平台的开发应用案例,包括天气预报应用实例、游戏开发应用实例、微商城综合实例等。部分章节提供了
Swift项目开发基础教程 电子书
内容提要本书作为一本基于Swift3.0语法的全新教程,系统全面地讲解了使用Swift开发项目的知识和技术,可以帮助初学者真正达到从零基础到独立开发项目的技术水平,成为Swift。本书共分为12章:第1~5章讲解了Swift开发的一些基本语法;第6~7章讲解了Swift面向对象的编程思想;第8~10章讲解了Swift的开发特性;第11章讲解了Swift与Objective-C项目的相互迁移;第12
有趣的Flutter:从0到1构建跨平台App 电子书
教你从零开始构建一个完整的待办事项App。