中慧集团Web技术校企合作系列教材-《Vue应用程序开发》介绍

日期:2021年6月3日

为什么选择Vue.js这门技术?

Vue.js 是一款优秀的前端开发框架,是较适合初学者学习的 MVVM(ModelView-ViewModel)框架之一。它具有轻量级、组件化、API(应用程序编程接口)友好等优点,受到企业前端开发人员的欢迎。

《Vue应用程序开发》            

【ISBN】 978-7-115-55180-1    

【主编】 刘 海    王美妮 

【副主编】 艾 迪  王爱华  刘  斌   

【购买链接】https://item.jd.com/10026804608907.html 

【资源下载链接】http://course.zhonghui.vip/#/web/vue_pro

内容摘要

《Vue应用程序开发》教材较为全面地介绍了Vue.js技术的基础知识与实战项目开发,每个章节都以案例教学为引导,以培养读者能力为目的,充分体现了“做中学”和“学中做”的思想。方便更多地初学者轻松掌握教材内容。   

本书分为3篇,第1篇为基础知识,包括第1章~第6章;第 2 篇为工程化项目开发,包括第 7 章~第 9章;第 3 篇为工程化项目实战,包含第10 章。各章具体内容为 Vue.js 入门、第一个 Vue.js 应用、Vue.js 内置指令、Vue.js 组件、Vue.js 过滤器和自定义指令、Vue.js 过渡和动画、Vue脚手架、Vuex、跨平台开发Weex和实训项目开发。案例包括简单的定时器、简易学生管理功能、使用组件实现购物车功能、过滤器变换输出形式、新增列表项的动画效果等等。既能使初学者全面而系统地学习理论知识,也能强化实战训练。

教材目录

第1篇:基础知识                                 

第1章

 Vue.js入门

1.1初识Vue.js

1.1.1什么是Vue.js

1.1.2为什么要使用Vue.js

1.1.3 MVVM模式

1.2使用Vue.js理解MVVM模式

1.3Vue.js的响应式理解

1.4本章小结

1.5本章习题

第2章

 第一个Vue.js应用

2.1Vue.js的使用

2.2实例及选项

2.2.1模板(template)

2.2.2数据(data)

2.2.3方法(methods)

2.2.4计算属性(computed)

2.2.5观察/监听(watch)

2.3数据绑定

2.4计算属性

2.4.1计算属性的用法

2.4.2计算属性传参

2.4.3计算属性的getter和setter

2.4.4计算属性与方法的区别

2.5生命周期

2.6案例——简单的定时器

2.7本章小结

2.8本章习题

第3章

 Vue.js内置指令

3.1基本指令

3.1.1 v-text 和v-html指令

3.1.2 v-cloak指令

3.1.3 v-once指令

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

3.1.5 v-on指令

3.1.6 v-for指令

3.1.7数组更新

3.2 v-bind指令

3.2.1 v-bind指令的基本用法

3.2.2 v-bind绑定样式

3.3 v-model指令

3.3.1 v-model指令的基本用法

3.3.2用v-for动态渲染选项

3.3.3绑定值

3.3.4修饰符

3.4案例——简易学生管理功能

3.5本章小结

3.6本章习题

第4章 

Vue.js组件

4.1组件的基本使用

4.1.1全局组件

4.1.2局部组件

4.1.3组件中的data

4.1.4使用template元素创建组件

4.1.5组件嵌套

4.1.6使用props传递数据

4.2组件通信

4.2.1父组件向子组件通信

4.2.2子组件向父组件通信

4.2.3非父子组件通信

4.2.4创建自定义组件

4.3内容分发

4.3.1单个插槽

4.3.2具名插槽

4.3.3作用域插槽

4.4动态组件

4.5案例——使用组件实现购物车功能

4.6本章小结

4.7本章习题

第5章  

Vue.js过滤器和自定义指令

5.1过滤器的注册和使用

5.2动态参数

5.3自定义指令的注册和使用

5.3.1自定义全局指令

5.3.2自定义局部指令

5.4钩子函数

5.5对象字面量

5.6案例——过滤器变换输出形式

5.7本章小结

5.8本章习题

第6章

 Vue.js过渡和动画

6.1CSS过渡

6.2CSS动画

6.3JavaScript过渡

6.4自定义过渡类名

6.5案例——新增列表项的动画效果

6.6本章小结

6.7本章习题

第 2 篇 工程化项目开发

第7章  

 Vue脚手架

7.1快速构建项目

7.1.1Vue脚手架的安装

7.1.2.初始化项目

7.1.3.项目结构

7.1.4.初识单文件组件

7.1.5单文件组件嵌套

7.1.6构建一个简单的脚手架项目

7.1.7组件通信

7.2前端路由

7.2.1路由的安装和使用

7.2.2跳转方式

7.2.3编程式导航

7.2.4路由传参及获取参数

7.2.5子路由

7.2.6路由拦截

7.3服务器端数据访问Axios

7.3.1使用 CDN 安装 Axios

7.3.2使用 NPM 安装 Axios

7.3.3请求本地JSON数据

7.3.4跨域请求

7.3.5 GET 请求

7.3.6 POST 请求

7.4webpack基础

7.4.1webpack简介

7.4.2 Vue-CLI 中 Webpack 的配置基础

7.4.3webpack常用的Loaders和插件

7.5案例——课程和教师列表管理页面

7.6本章小结

7.7本章习题

第8章 

Vuex

8.1  Vuex概述

8.2  Vuex的安装

8.3 Vuex的基本使用

8.3.1 Store概述

8.3.2 Vuex的使用

8.4 Vuex的复杂使用

8.4.1 Mutation

8.4.2 action

8.4.3 getters

8.4.4 mapState、mapMutations、mapActions和mapGetters

8.4.5 模块化

8.5案例——虚拟用户管理功能

8.6本章小结

8.7本章习题

第9章

 跨平台开发Weex

9.1Weex简介及安装

9.2创建一个 Weex 项目

9.3Weex的生命周期

9.4Vue在Weex中的差异

9.5Weex基本概念

9.6Weex内置组件

9.6.1<div>组建

9.6.2<scroller>组建

9.6.3<list>组建

9.6.4<refresh>组建

9.6.5<loading>组建

9.6.6<slider>组建

9.7Weex内置模块

9.7.1dom模块

9.7.2stream模块

9.7.3modal模块

9.8本章小结

9.9本章习题

第 3 篇 工程化项目实战

第10章 

实战项目开发

10.1项目介绍

10.2项目开发前期准备

10.2.1初始化项目目录

10.2.2安装依赖包和插件

10.2.3配置项目路由

10.3项目功能设计与开发

10.3.1首页

10.3.首页下拉刷新和上拉加载

10.3.3首页搜索

10.3.4课程列表页

10.3.5课程详情页

10.3.6留言列表页

10.3.7留言详情页和发布留言页

10.3.8注册登录界面

10.3.9个人中心

教材特色

01案例式教学

本教材中的案例来自于实际项目,简化了冗余难懂的理论内容,强调实际操作,体现了“教、学、做一体化”的思想,方便读者快速上手,能够培养学员实际操作的动手能力。

02内容组织合理

 本教材在内容组织上深入浅出,分为基础知识、工程化项目开发和工程项目实战 3 篇。基础知识篇介绍了项目开发所需要的 Vue.js 基础知识;工程化项目开发篇讲解了Vue脚手架、Vuex和Weex 的相关内容;工程化项目实战篇通过实战项目带领读者整合前面章节所学习的内容。

03配备完备的教辅资源

本教材配套精品教学资源辅教辅学。教学资源包括:课程标准、教学大纲、教学日历、教学课件、课程案例、课堂作业、教学视频、电子教案、题库。实训资源包括:课程级实训项目、综合实训项目。丰富的课程资源,降低了学习的难度,方便学生自主学习,减轻了教师负担。

04产教融合信息技术类“十三五”规划教材

本教材由成都中慧科技有限公司组织,企业IT专家具备丰富的实战经验,主编具有丰富的前端开发课程授课经验,同时具有使用 HTML、CSS 和 JavaScript 等技术行业经验,深化专业设置与产业需求对接、课程内容与职业标准对接、教学过程与生产过程对接,确立产教融合理念,属于产教融合信息技术类“十三五”规划教材。

适合范围

▶适合作为中、高职和应用型本科软件技术专业教材Web前端开发教材

▶适合作为1+X:Web前端开发职业技能证书考试的参考书目

▶适合已掌握Web前端语言基础的学生或技术开发人员

中慧集团Web技术系列教材规划

序号教材合作院校出版日期
1《Vue应用程序开发》广东科学技术职业学院已出版
2《Java EE企业级应用开发(SSM)》 常州信息职业技术学院已出版
3《PHP程序设计》泸州职业技术学院已出版
4《Java程序设计基础》陕西工业职业技术学院已出版
5《MySQL数据库》安徽财贸职业学院已出版
6《Node.Js应用开发》常州信息职业技术学院已出版
7《Java高级程序设计》长沙商贸旅游职业技术学院已出版
8《UI设计基础》南京信息职业技术学院2023.4
9《HTML5与CSS3程序设计》山东科技职业技术学院已出版
10《Java Web应用开发》九江职业技术学院已出版
11《JavaScript程序设计》广东科学技术职业学院已出版
12《微信小程序开发》常州信息职业技术学院已出版
13《Java EE企业级应用开发(Springboot)》山东科技职业学院已出版

公司介绍

中慧云启科技集团是一家专业从事软件开发、职业教育软件技术专业教学实训的综合解决方案提供商,集产品研发、销售、技术服务、技术培训于一体的国家高新技术企业和双软企业。总部位于四川成都,在成都、大连、上海、广州设有4个研发中心,在成都、济南、杭州、广州、长沙、西安设有6个销售分公司。公司两大业务板块,软件开发业务主要包括:智能软硬件开发、系统开发与集成、软件外包服务、软件测试服务等;职业教育业务主要包括:面向中高职院校、技师学院、应用型本科,提供软件技术相关专业的人才培养方案、教学实训平台、课程和实训项目、师资培训、学生实训等。