快速上手热门前端框架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学院观看


感恩有你



快速上手热门前端框架Vue.js

您看此文用

  快速上手热门前端框架Vue.js   快速上手热门前端框架Vue.js ·  

秒,转发只需1秒呦~


以上是关于快速上手热门前端框架Vue.js的主要内容,如果未能解决你的问题,请参考以下文章

前端vue是啥?

一款使用 Vue.js 开发小程序的前端框架——mpvue

web前端技术内容详解之Vue.js框架

前端Vue.js框架是啥?

好程序员web前端分享MVVM框架Vue实现原理

最新教程:好程序员HTML5大前端Vue.js快速入门(附源码+笔记)