快速上手热门前端框架Vue.js
Posted SiKi
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了快速上手热门前端框架Vue.js相关的知识,希望对你有一定的参考价值。
本课程属于 JavaEE A 计划,不单独售卖,加入 A 计划可免费观看本课程及所有 JavaEE 收费课程~
JavaEE A 计划一年有效期购买链接:
http://www.sikiedu.com/classroom/12/introduction
本课程是目前炙手可热的前端框架Vue.js 2.5版本的教程
Vue.js是一个开源的轻量级的前端MVVM框架,它具有轻便、高效、灵活的优势,让它在近几年的热度火速上升;
本课程从Vue.js基础讲解,共分为六章:
在第一章中,我们先要学会vue的指令与事件,紧随其后的是一个小练习;
第二章是进阶部分,学习vue的生命周期、计算属性、实例方法与过渡动画等;
第三章,主要讲解vue中组件和组件的通信;
第四章的开始会带大家安装node.js与npm,之后会学习使用Vue-CLI脚手架工具创建项目和Vue-Router路由相关知识;
第五章,学习使用axios发送请求和vuex状态管理,章节最后还会使用vuex开发购物车的小案例;
第六章也是最终章,结合之前所学的知识,开发一个小项目,我给它起个名字,叫IMF特工任务管理系统,在这个项目中会使用Vue-CLI脚手架工具创建工程,使用Vuex管理状态,使用Vue-Router控制导航跳转,还会用到axios、过渡效果等。项目虽小但五脏俱全;
希望通过以上章节的讲解,能让大家掌握使用Vue.js这个框架开发项目;虽然本课程为前端知识,后台的同学了解下也是很有好处的。同学们在学习中有任何问题可以私信或留言联系我,祝大家学习愉快,新年快乐!
课时列表:
001-课程介绍
002-课程资料说明
第1章:Hello Vue.js
101-Vue.js介绍
102-Vue.js社区环境介绍
103-创建HelloWorld项目
104-vue-devtools插件安装
105-Vue中的指令v-model
106-v-model在其他控件上的使用
107-v-text v-html等指令的使用
108-使用v-for指令渲染列表
109-v-on事件绑定指令
110-Vue中的事件与常见问题处理
111-v-show v-if的使用
112-键盘事件
113-v-bind属性绑定
114-使用v-bind处理class与style
115-练习1商品管理-创建页面与部分数据
116-练习1商品管理-添加商品
117-练习1商品管理-为之前的页面增加样式
118-练习1商品管理-删除商品与提示
119-练习1商品管理-批量删除
120-练习1商品管理-修改商品数量 增加入库日期属性
121-练习1商品管理-学习过滤器使用过滤器处理日期格式
第2章:Vue基础进阶
201-Vue生命周期
202-Vue生命周期钩子函数
203-计算属性的基本使用
204-计算属性的getter与setter
205-计算属性与方法的区别
206-常用的实例属性
207-实例方法set delete
208-实例方法watch
209-实例方法watch深度观测
210-实例方法-生命周期
211-自定义指令钩子函数
212-自定义指令钩子函数的参数
213-自定义指令钩子简写与局部定义
214-进入 离开过渡效果的使用
215-过渡效果的使用钩子函数
216-过渡效果结合Animate的使用
217-列表过渡
第3章:组件&组件之间的通信
301-什么是组件
302-全局组件与局部组件
303-template模版引用
304-动态组件
305-内置组件keep alive的使用
306-父子组件的关系
307-父组件向子组件传值
308-props选项高级选项配置
309-子组件向父组件传值
310-单向数据流
311-单向数据流子组件数据同步到父组件
312-非父子关系组件通信
313-使用slot分发内容
第4章:vue-router路由vue-cli脚手架和模块化开发
401-安装node.js 使用npm命令下载三方库
402-vue-router路由的基本用法
403-路由常用配置
404-路由嵌套
405-使用路由对象获取参数
406-使用props替代路由对象的方式获取参数
407-路由的动态跳转
408-路由的过渡效果
409-单文件组件介绍
410-单文件组件项目结构与依赖的安装
411-配置单文件项目并运行
412-在单文件组件项目中定义数据、方法和组件之间的相互引用
413-Vue-CLI2.x脚手架工具基于webpack simple模板
414-Vue-CLI2.x脚手架工具基于webpack模板
415-Vue-CLI 3.x脚手架工具快速原型开发
416-Vue-CLI 3.x脚手架工具创建项目
417-Vue-CLI 3.x脚手架工具使用GUI界面
418-模块化开发-集成VueRouter
419-自定义全局插件组件
第5章:axios发送请求vuex状态管理
501-使用axios发送ajax请求
502-在模块化开发中使用axios发送get请求
503-写个java服务器并使用axios发送post请求
504-使用axiospost请求和响应json数据
505-设置代理在前台解决跨域问题
506-在模块化开发中全局使用axios
507-vuex简介
508-vuex计数器案例
509-vuex中的getter
510-vuex辅助函数mapStatemapGetters
511-vuex辅助函数mapActionsmapMutations
512-使用vuex时表单的处理
513-vuex中分模块开发
514-vuex中模块开发中的命名空间
515-vuex购物车案例 商品列表
516-vuex购物车案例 添加商品到购物车
517-vuex购物车案例 修改商品数量 计算总价
第6章:IMF特工任务管理系统
601-IMF-TodoList项目介绍
602-下载安装WebStorm并创建vue项目与本地数据
603-header组件布局与样式
604-footer组件与路由
605-编写接口获取IMF任务数据抽取missionArray组件
606-编写missionArray组件列表布局
607-编写missionArray组件列表样式
608-接受任务 添加到我的列表中
609-编写我的列表中完成与移除按钮样式与移除功能
610-将我的任务列表储存到本地
611-完成任务功能优化部分代码
612-添加任务弹出层显示与隐藏
613-添加任务弹出层布局与样式
614-添加自定义任务
615-保存自定义列表到本地 修改样式 解决小bug
616-修改自定义任务接受按钮状态 为列表添加滚动
617-记录滚动位置
618-为列表和弹出层添加过渡效果
619-创建tips提示框组件
620-tips提示框组件的使用
621-tips提示框的动画与项目总结
http://www.sikiedu.com/course/379
点击阅读原文进入SiKi学院观看
感恩有你
您看此文用
秒,转发只需1秒呦~
以上是关于快速上手热门前端框架Vue.js的主要内容,如果未能解决你的问题,请参考以下文章