官网首页 资料广场 免费教程 毕业设计 面试宝典 API文档 学习工具 文档教程

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

Vue js视频教程
视频介绍
相关文档 > JavaScript教程 HTML教程
课程下载
课程简介

课程目标:通过本课程的学习,让大家掌握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引入CSS文件的步骤

Vue引入CSS文件的步骤:1.新建base.css文件,目录:assets/css/base.css​​​​​​2.在main.js中写:import&#39...

2021-12-03 09:28:01

理解Vue中的this关键字

thisthis指向并不是在函数定义的时候确定的,而是在调用的时候确定的。换句话说,函数的调用方式(直接调用、方法调用、new调用、bind、call、appl...

2021-12-03 09:22:37

为npm打包Vue组件

基本示例Vue组件本质上是要重用的。当组件仅在单个应用程序中使用时,这很容易。但是如何编写一个组件并在多个站点/应用程序中使用它呢?也许最简单的解决方案是通过n...

2021-12-03 09:15:18

Vue开发环境的搭建步骤

vue现如今在前端中,是前端工程师比较常用的框架之一,他和angular有一些相似之处,所以用过angular的伙伴们,再来学习vue.js应该不会感觉太难;1...

2021-12-03 09:08:39

Vue事件处理

监听事件我们可以使用v-on指令来监听DOM事件并在它们被触发时运行一些JavaScript。例如:<divid="example-1"><b...

2021-12-03 08:57:08

Vue点击按钮弹出页面

先在data里面定义变量visible:false,id:''来个a标签<a@click="inpect(record)">核查</a>...

2021-09-02 10:56:52

Vue图片预览插件viewerjs

GitHub地址:https://github.com/fengyuanchen/viewerjs。1.安装:npminstallv-viewer--save2...

2021-09-02 10:53:26

Vue文件的打开方式

vue文件的打开方法:双击文件即可打开。如果出现无法打开vue文件的情况,可能是电脑中没有安装查看或编辑vue文件的适当程序。vue是一套用于构建用户界面的渐进...

2021-09-02 10:45:48

Vue实现简单轮播图

实现思路:1.将vue的框架封装在function中,在界面刷新时调用,将要轮播的图片存放在data中,还有下面的列表也分别保存在data中的一个数组中,然后每...

2021-09-02 10:41:32

在Vue中使用JSX的正确姿势

在Vue中使用JSX的正确姿势ant-design-vue开源了一段时间后,收到了一些反馈,尤其是Form组件上线后,很多用户对JSX的使用感到迷惑和不习惯,为...

2021-09-02 10:33:08