课程目录: Vue.js vue2.5实战项目app开发mintu培训
4401 人关注
(78637/99817)
课程大纲:

           Vue.js vue2.5实战项目app开发mintu培训

 

 

 

 

第1章 Vue2.6 
1 1.1.课程概要  
2 1.2.Vue框架的介绍  
3 1.3.Vue框架使用的目的  
4 1.4.前端框架和库的区别 
5 2.1.MVC与MVVM的理解 
6 2.2.基础示例 
7 3.1.v-cloak指令 
8 3.2.v-text和v-html指令 
9 3.3.v-bind指令 
10 3.4.v-on指令 
11 3.5.文字跑马灯效果的实现 
12 3.6.事件修饰符 
13 3.7.v-model指令 
14 3.8.简易计算器的实现 
15 3.9.class类样式与style行内样式设定 
16 3.10.v-for指令 
17 3.11.key属性实现状态维护 
18 3.12.v-if与v-show指令 
19 4.1.员工信息列表的实现 
20 4.2.员工信息添加的实现 
21 4.3.员工信息删除的实现 
22 4.4.名称关键字搜索 
23 4.5.vue-devtools使用 
24 5.1.全局过滤器的使用 
25 5.2.局部过滤器的使用 
26 5.3.过滤器实现日期的格式化 
27 5.4.键值修饰符的使用 
28 6.1.全局指令的使用 
29 6.2.局部指令的使用 
30 6.3.自定义指令实现聚焦功能 
31 7.1.Vue实例创建时生命周期函数 
32 7.2.Vue实例运行时生命周期函数 
33 8.1.vue-resource的使用 
34 8.2.jsonp实现原理 
35 8.3.员工信息管理模块更新-添加服务端处理 
36 9.1.使用css属性实现过渡 
37 9.2.使用css动画实现过渡 
38 9.3.修改过渡类名前缀 
39 9.4.自定义过渡类名 
40 9.5.使用钩子函数实现过渡 
41 9.6.列表的过渡 
42 9.7.员工信息管理模块更新-过渡效果追加 
43 10.1.模块化与组件化 
44 10.2.全局组件的注册 
45 10.3.局部组件的注册 
46 10.4.组件中的data 
47 10.5.多组件之间的切换 
48 10.6.组件切换的过渡 
49 10.7.通过Prop向子组件传递数据 
50 10.8.监听子组件事件 
51 10.9.评论列表组件案例 
52 10.10.访问子组件实例或子元素 
53 11.1.前端路由和后端路由的概念 
54 11.2.VueRouter使用说明 
55 11.3.VueRouter使用基本示例 
56 11.4.路由组件参数传递 
57 11.5.嵌套路由的使用 
58 12.1.watch侦听器的使用 
59 12.2.computed计算属性的使用 
60 13.1.render渲染函数 
61 13.2.Webpack+Vue项目整合 
62 13.3.Vue单文件组件的使用 
63 13.4.单文件组件中实例的导出 
64 13.5.Webpack结合Vue-Router的使用 
65 13.6.嵌套路由children的实现 
66 13.7.路由模块的抽离 
67 13.8.单文件组件中Scoped CSS的使用 
68 14.1.MintUI完整引入使用示例 
69 14.2.MintUI按需引入使用示例 
70 14.3.MUI使用示例 
71 15.1.Vuex基本概念 
72 15.2.Vuex使用基本示例 
73 16.1.ECShop案例演示 
74 17.1.首页面结构布局 
75 17.2.首页tabbar路由设置 
76 17.3.轮播组件的使用 
77 17.4.轮播组件数据的获取与绑定 
78 17.5.九宫格组件的使用 
79 17.6.多页面组件切换过渡效果 
80 18.1.资讯列表页面路由的设定 
81 18.2.资讯列表页面的实现 
82 19.1.资讯详情页面的实现 
83 20.1.评论列表数据加载的实现 
84 20.2.发表评论功能的实现 
85 21.1.图文类别导航条左右滑动的实现 
86 21.2.图文类别导航数据的加载 
87 21.3.图文列表页面的实现 
88 22.1.图文详情页面的实现 
89 22.2.图文详情页面缩略图的实现 
90 23.1.商品列表页面的实现 
91 24.1.商品详情页面的实现 
92 24.2.商品详情轮播图的实现 
93 24.3.商品详情轮播图显示宽度的优化 
94 24.4.商品购买区域的实现 
95 24.5.商品参数信息的加载 
96 24.6.商品购买数量的获取 
97 24.7.加入购物车小球动画的基本实现 
98 24.8.小球动画在不同场景下的优化 
99 24.9.商品购买最大数量的设定 
100 25.1.Vuex基本概念 
101 25.2.Vuex使用基本示例 
102 25.3.加入购物车功能的实现 
103 25.4.已购商品徽标数值的自动更新 
104 26.1.购物车页面的实现 
105 26.2.商品选购数量的初始化 
106 26.3.商品选购数量变化的同步处理 
107 26.4.选购商品删除功能的实现 
108 26.5.选购商品勾选状态的管理 
109 26.6.结算区域选购数量和总价的自动计算 
110 27.1.webpack概述 
111 27.2.nrm工具的使用 
112 27.3.webpack使用 
113 28.1.webpack基本示例 
114 28.2.webpack配置文件的使用 
115 29.1.webpack-dev-server的基本使用 
116 29.2.webpack-dev-server的常用命令参数 
117 30.1.html-webpack-plugin的使用 
118 31.1.css-loader的使用 
119 31.2.less-loader的使用 
120 31.3.sass-loader的使用 
121 32.1.url-loader的使用 
122 33.1.webpack集成bootstrap的使用 
123 34.1.babel概念介绍 
124 34.2.babel-loader的使用 
第2章 Vue.js基础一
125 01.vue介绍 
126 02.vue中的数据绑定 
127 03.MVC和MVVM
128 04.vue第一个案例 
129 05.vue常用指令 
130 06.插值表达式 
131 07.跑马灯效果 
132 08.事件修饰符 
133 09.双向绑定v-model指令 
134 10.双向绑定-计算器案例 
135 11.vue的样式操作 
136 12.v-if和v-show 
137 13.v-for 
138 14.品牌管理案例-数据的添加 
第3章 Vue.js基础二 
139 01.vue-devtools 
140 02.过滤器的基本使用 
141 03.按键修饰符  
142 04.自定义指令 
143 05.品牌管理案例重写 
144 06.vue生命周期 
145 07.nextTick方法 
146 08.vue生命周期问题 
147 09.nextTick案例 
148 10.vue-resource发送网络请求 
149 11.品牌管理案例-网络请求 
第4章 Vue过度和动画 
150 01.transition动画基本使用 
151 02.自定义动画名 
152 03.animate.css的使用 
153 04.transition动画存在的问题 
154 05.js动画的钩子函数 
155 06.出场动画钩子函数 
156 07.入场动画完毕立刻隐藏小球 
157 08.列表动画 
第5章 Vue组件开发 
158 01.全局组件的使用 
159 02.使用模板字符串定义组件 
160 03.定义私有组件 
161 04.组件中的数据和事件 
162 05.组件中的data 
163 06.组件的切换 
164 07.keep-alive组件 
165 08.组件的动画切换 
166 09.父组件向子组件传值 
167 10.子组件向父组件传递数据 
168 11.插槽 
169 12.评论案例 
170 13.this.$refs 
171 14.中央总线的使用 
172 15.render方法的使用 
第6章 Vue路由的使用 
173 01.router的基本使用 
174 02.router的导航模式 
175 03.keep-alive结合router实现组件缓存 
176 04.路由传参传递的方式 
177 05.路由组件及的钩子函数 
178 06.全局和路由守卫 
179 07.路由元信息meta 
180 08.路由钩子函数总结 
181 09.路由嵌套 
182 10.命名视图 
183 11.watch和computed属性 
184 12.路由文档知识点 
185 13.编程式导航 
186 14.双向绑定的原理 
第7章 Vue打包构建 
187 01.webpack介绍 
188 02.webpack的使用 
189 03.webpack隔行变色案例 
190 04.es6模块化规范 
191 05.webpack.config.js配置 
192 06.实施打包构建 
193 07.配置文件生成devServer配置项 
194 08.html-webpack-pulgin的使用 
195 09.webpack加载样式文件 
196 10.图片路径的处理 
197 11.字体图标的配置 
198 12.babel的配置 
199 13.webpack中vue的基本使用 
200 14.模块化方案总结 
201 15.vue文件的使用 
202 16.vue-router基本使用 
203 17.抽离路由为单独模块 
第8章 Vuex状态管理 
204 01.vuex的基本使用 
205 02.vuex的派生属性 
206 03.vuex的actions的使用 
207 04.抽离store为单独模块 
208 05.vuex的模块管理 
第9章 基于Vue的UI框架 
209 01.mint-ui的基本使用 
210 02.mint-ui的按需导入 
211 03.MUI的使用 
212 04.bootstrap的使用 
第10章 构建工具vue-cli 
213 01.vue-cli创建项目 
214 02.vue-cli目录介绍 
215 03.vue.config.js配置