CCTV《影响力对话》栏目报道  口碑更好! 全国咨询热线:400-8080-105

带你快速掌握vue、Vue.js_Vue.JS从入门到实战

Vue.jS主讲:阎老师|Web前端|视频教程

复制提取码 rjhl ,点击进入网盘下载页面,即可免费下载本套教程

扫码关注

【动力节点Java学院】 官方微信订阅号

回复关键字:Java2020

免费领全部教程

简介


课程目标:通过本课程的学习,让大家掌握Vue.js及在项目中的使用。


适用人群:具有一定web开发基础的开发人员。


课程概述:Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。如果你之前已经习惯了用jQuery操作DOM,学习Vue.js时请先抛开手动操作DOM的思维,因为Vue.js是数据驱动的,你无需手动操作DOM。它通过一些特殊的HTML语法,将DOM和数据绑定起来。一旦你创建了绑定,DOM将和数据保持同步,每当变更了数据,DOM也会相应地更新。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。本课程将一步一步地让大家快速地掌握Vue.js这样一个前端核心框架,以适应公司的开发需要。


1.png


环境参数:Visual Studio Code、FireFox


目录

001.1-1 Vuejs概述_什么是Vuejs 002.1-2 Vuejs概述_为什么要学习Vuejs 003.1-3 Vuejs概述_Vuejs版本说明 004.1-4 前端开发中的MVC思想 005.1-5 Vuejs框架对于前端MVVM思想的支持 006.2-1 Vuejs第一个程序_HelloWorld 007.2-2 通过第一个案例分析MVVM思想 008.2-3 v-cloak属性的使用 009.2-4 为页面渲染值的方式 010.2-5 插值表达式对于内容渲染的优势 011.2-6 v-text和v-html在用法上的区别 012.2-7 v-bind绑定属性 013.2-8 v-bind在开发中的使用方式 014.2-9 使用v-on指令触发事件 015.2-10 使用事件修改符stop阻止事件的冒泡 016.2-11 使用事件修改符prevent阻止默认行为 017.2-12 使用事件修改符capture捕获触发事件机制 018.2-13 使用事件修改符self阻止自身冒泡行为 019.2-14 使用事件修改符once只触发一次事件 020.2-15 数据绑定方式的方向问题_使用模型去渲染视图 021.2-16 数据绑定方式的方向问题_什么是双向数据绑定 022.2-17 双向数据绑定方式的实现_v-model的使用 023.2-18 双向数据绑定方式的实现简单的计算器1 024.2-19 双向数据绑定方式的实现简单的计算器2 025.2-20 双向数据绑定方式的实现简单的计算器3 026.2-21 页面元素传统样式的表达 027.2-22 使用vuejs来控制样式1 028.2-23 使用vuejs来控制样式2 029.2-24 对于style属性样式的补充 030.2-25 v-for指令的应用_遍历字符串数组 031.2-26 v-for指令的应用_遍历对象数组 032.2-27 v-for指令的应用_遍历对象属性和属性值 033.2-28 v-for指令的应用_遍历整型数值 034.2-29 v-for指令使用时的注意事项_对于key属性的添加 035.2-30 v-if和v-for的使用和区别 036.3-1 综合案例_需求分析 037.3-2 综合案例_页面基本元素搭建1 038.3-3 综合案例_页面基本元素搭建2 039.3-4 综合案例_通过v-for展现学生信息列表 040.3-5 综合案例_通过双向数据绑定实现学员的添加操作 041.3-6 _综合案例_实现学员删除操作 042.3-7 综合案例_按照学员名字进行模糊搜索 043.3-8 综合案例_搜索学员补充 044.1-1 Vuejs过滤器概述 045.1-2 全局过滤器案例_格式化字符串 046.1-3 使用过滤器对时间进行格式化操作1 047.1-4 使用过滤器对时间进行格式化操作2 048.1-5 在for循环中使用过滤器 049.1-6 连续使用多个过滤器的方式 050.1-7 私有过滤器的使用 051.1-8 过滤器对值产生的传递性 052.2-1 指令概述 053.2-2 使用自定义全局指令1 054.2-3 使用自定义全局指令2 055.2-4 全局指令动态赋值 056.2-5 自定义私有指令 057.3-1 Vue生命周期_创建对象过程 058.3-2 Vue生命周期_渲染模板过程 059.3-3 Vue生命周期_对象运行阶段解析 060.3-4 Vue生命周期_对象销毁过程 061.3-5 钩子函数_测试创建对象相关函数1 062.3-6 钩子函数_测试创建对象相关函数2 063.3-7 钩子函数_测试创建对象运行函数 064.4-1 ajax请求概述_get以及post请求概述 065.4-2 ajax请求测试环境基本搭建 066.4-3 使用vue-resource插件实现ajax的get请求 067.4-4 使用vue-resource插件实现ajax的get请求测试结果 068.4-5 使用vue-resource插件实现ajax的post请求_传递参数的特殊处理 069.4-6 使用axios插件实现ajax的get请求 070.4-7 使用axios插件实现ajax的get请求_传递参数 071.4-8 使用axios插件实现ajax的post请求_传递参数 072.4-9 使用axios插件实现ajax的另一种实现方式 073.4-10 同源请求及跨域请求概述 074.4-11 跨域请求的常见处理方式 075.4-12 _搭建跨域请求服务器环境 076.4-13 跨域服务处理 077.4-14 以jsonp的形式完成跨域请求 078.4-15 跨域请求常用场景 079.1-1 Vuejs动画概述_信息进入阶段图解 080.1-2 信息_离开阶段图解_使用动画展现信息的全过程解读 081.2-1 在非动画效果时展现和隐藏信息 082.2-2 使用动画实现信息淡入淡出效果1 083.2-3 使用动画实现信息淡入淡出效果2 084.2-4 使用动画实现信息弹入弹出效果 085.2-5 自定义前缀有效区分不同元素使用动画 086.2-6 第三方类库实现动画1 087.2-7 第三方类库实现动画2 088.2-8 完成商品加入购物车的特效1 089.2-9 完成商品加入购物车的特效2 090.2-10 完成商品加入购物车的特效3 091.2-11 完成商品加入购物车的特效4 092.2-12 信息列表添加删除特效展现1 093.2-13 信息列表添加删除特效展现2 094.2-14 信息列表添加删除特效展现3 095.2-15 信息列表添加删除特效展现4

返回顶部