Vue js视频教程
视频介绍

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

课程资料 视频教程 配套源码 学习笔记 学习工具 免费下载 学习文档
  • 初级
  • 95全集
  • 121282次学习

课程简介

课程下载

相关文章

课程简介

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

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

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

环境参数: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
课程资料 视频教程 配套源码 学习笔记 学习工具 免费下载 学习文档
下载方法
获取本套教程

①扫描右侧二维码关注公众号

②回复消息【Vue】

③获取本套课程免费下载链接

获取全套教程

①扫描右侧二维码关注公众号

②回复消息【DLJD】

③获取全套课程免费下载链接

扫码关注公众号

一文教你Vue页面跳转带参数

Vue页面跳转带参数要怎么做?星辉小编来给大家举例说明。在vue框架的前端页面上,若要实现页面之间的带参数跳转,可参考以下实现过程:例如,点击截图中的&ld...

2022-12-06 10:26:11

值得看的Vue视频教程

在Java教程中,大家会学到Vue,VueJS是用于开发交互式Web界面的渐进式JavaScript框架。重点更多在视图部分,也就是前端。与其他项目和库集成非常...

2022-11-07 10:51:49

告诉你如何在Vue中安装bootstrap

1.创建vue项目,输入以下命令>>vueinitwebpackprojectName(projectName表示项目名,自己按照实际命名)2.按照...

2022-10-09 10:17:29

Vue项目打包部署的方法

Vue项目打包部署的方法是什么?星辉小编来告诉大家。Vue项目打包部署本身不复杂,不过一些前端同学可能对服务器接触不多,部署过程中还是会遇到这样那样的问题。...

2022-07-21 10:11:47

使用Vue上传文件

要怎么使用Vue上传文件?将Vue2与Axios一起使用,您只需单击几下即可轻松上传文件。使用<input>标签并指定文件类型,浏览器将允许您选择要...

2022-06-24 08:43:48

Vue获取数据的方法

数据获取有时您需要在激活路由时从服务器获取数据。例如,在呈现用户配置文件之前,您需要从服务器获取用户数据。我们可以通过两种不同的方式实现这一点:导航后获取首先执...

2022-05-31 09:17:25

星辉Vue源码分析视频教程

有很多小伙伴都是通过Vuejs视频教程来学习的,Vue.js的源码使用了Flow做静态类型检查,之所以选择Flow,是因为Babel和ESlint都有对应的Fl...

2022-05-09 09:46:14

Vue和BootStrap的区别

vue和bootstrap是开发中常用的前端框架。这里有很多人对这两个框架不熟悉,那么我们现在来看看vue和bootstrap是什么。两者有什么区别?星辉小...

2022-04-14 08:36:05

给Vue对象增加响应式属性

Vue.$set给对象新增属性Vue.$set()Object.assign()$set()方法不生效时,改用Object.assign()试试vue代码中,只...

2022-03-16 10:57:07

Vue样式绑定的例子

Vue.jsclassclass与style是HTML元素的属性,用于设置元素的样式,我们可以用v-bind来设置样式属性。Vue.jsv-bind在处理cla...

2022-03-16 10:44:28

技术文档

>全部

热门课程

>学习路线
返回顶部