Vue 3.0从入门到实战(微课视频版)

目录 第1章Vue.js介绍 1.1什么是Vue.js 1.2Vue与其他框架 1.2.1Vue与React 1.2.2Vue与AngularJS 1.2.3Vue与Angular(Angular2) 1.2.4Vue与其他框架 1.3Vue 3.0的简述 1.3.1Vue 3.0的新特性 1.3.2从Vue 2.x开始的重大改变 1.3.3库与工具的支持 1.4本章小结 1.5练习题 第2章**个Vue应用 2.1准备Vue 3.0 2.1.1引入Vue.js 2.1.2安装Vue Devtools 2.2Vue实例和数据绑定 2.2.1构建Vue 3.0项目 2.2.2项目实例： Hello Vue3 2.2.3setup函数与生命周期 2.2.4数据 2.2.5数据实例： 显示响应式对象 2.2.6方法 2.2.7方法实例： 修改响应式对象的值 2.3本章小结 2.4练习题 第3章Vue的内置指令与语法 3.1插值绑定 3.1.1文本插值与表达式 3.1.2过滤器 3.1.3HTML插值 3.2计算属性 3.2.1计算属性的概念 3.2.2计算属性 3.2.3侦听属性 3.3vbind属性绑定 3.3.1vbind指令 3.3.2绑定class、style与prop 3.4vmodel双向绑定 3.4.1vmodel指令 3.4.2vmodel与修饰符 3.4.3双向绑定实例： 制作问卷 3.5vif/vshow条件渲染 3.5.1vif、velseif与velse指令 3.5.2vshow指令 3.5.3vif对比vshow指令 3.5.4条件渲染实例： 按钮权限控制 3.6vfor列表渲染 3.6.1vfor指令 3.6.2在vfor里使用对象 3.6.3列表的更新 3.6.4列表渲染的key 3.6.5vfor与vif指令共用 3.6.6列表渲染实例： 帖子列表 3.7von事件绑定 3.7.1von指令 3.7.2事件修饰符 3.8指令在Vue 3.x中的变化 3.8.1vif与vfor的key 3.8.2vif与vfor的优先级 3.8.3vbind合并行为 3.8.4vfor中的ref数组 3.8.5vmodel 3.9本章小结 3.10练习题 第4章class与style绑定 4.1绑定HTML class 4.1.1对象语法 4.1.2数组语法 4.2绑定内联样式 4.2.1对象语法 4.2.2数组语法 4.3本章小结 4.4练习题 第5章过滤器 5.1内置过滤器 5.1.1字母过滤器 5.1.2json过滤器 5.1.3限制过滤器 5.1.4currency过滤器 5.1.5debounce过滤器 5.2本章小结 5.3练习题 第6章过渡与动画 6.1过渡与动画概述 6.1.1基于class的动画和过渡 6.1.2基于style的动画和过渡 6.2单元素的过渡 6.2.1进入与离开过渡 6.2.2CSS过渡与动画 6.2.3自定义过渡class类名 6.2.4JavaScript过渡 6.3其他过渡 6.3.1多元素过渡 6.3.2过渡模式 6.3.3列表过渡 6.3.4列表过渡案例： 打乱列表 6.4本章小结 6.5练习题 第7章组件 7.1组件的注册 7.1.1全局注册 7.1.2局部注册 7.2组件的数据传递 7.2.1props参数 7.2.2组件通信 7.2.3vmodel参数 7.2.4Vue 3.0中的vmodel修饰符 7.3插槽内容分发 7.3.1插槽的基本用法 7.3.2插槽的作用域 7.3.3插槽的后备内容 7.3.4具名插槽 7.3.5作用域插槽 7.4动态组件 7.4.1动态组件的基础用法 7.4.2keepalive 7.5组件案例： 完善标签页组件 7.6组件在Vue 3.0中的变化 7.6.1函数式组件 7.6.2内联模板Attribute 7.7本章小结 7.8练习题 第8章前端路由 8.1vuerouter的基本用法 8.1.1vuerouter的安装 8.1.2vuerouter的基本使用 8.1.3跳转 8.2动态路由匹配 8.2.1带参数的动态路由匹配 8.2.2响应参数变化 8.2.3参数全匹配 8.3路由匹配的语法 8.3.1自定义正则表达式 8.3.2可选参数 8.3.3可重复参数 8.4嵌套路由 8.5命名路由 8.6重定向和别名 8.6.1重定向 8.6.2别名 8.7向路由组件传递参数 8.7.1向路由组件传递参数的基本语法 8.7.2传递参数的模式 8.8vuerouter 4.0的变化 8.8.1vuerouter的创建 8.8.2新的history选项 8.8.3删除*路由 8.8.4routerlink的修改 8.8.5去除router.app 8.8.6向route组件的slot传递内容 8.8.7$route属性编码 8.9本章小结 8.10练习题 第9章状态管理与Vuex 9.1Vuex简介 9.1.1状态管理模式 9.1.2安装Vuex 9.1.3Vuex的基本使用 9.2Vuex中的状态 9.2.1单一状态树 9.2.2将Vuex状态加入Vue组件 9.2.3mapState的使用 9.2.4组件的本地状态 9.3Vuex中的getter 9.3.1仓库的getter 9.3.2属性式访问 9.3.3方法式访问 9.3.4mapGetter的使用 9.4Vuex中的mutation 9.4.1mutation的有效负载 9.4.2通过对象提交 9.4.3mutation的同步 9.5Vuex中的action 9.5.1action的基本使用 9.5.2调度action 9.5.3组成action 9.6Vuex中的模块 9.7本章小结 9.8练习题 第10章Vue项目的搭建与部署 10.1项目目录介绍 10.1.1dist文件夹 10.1.2node modules文件夹 10.1.3src文件夹 10.2前端页面开发 10.2.1Vue文件 10.2.2导入import 10.3打包与部署 10.3.1项目打包 10.3.2项目部署 10.3.3通过GitHub Action自动部署 10.4本章小结 10.5练习题 第11章实战项目： 制作面向知识传播的社区论坛 11.1项目目标 11.2项目搭建 11.3编写前端页面 11.3.1顶部导航栏 11.3.2课程列表页 11.3.3课程内容页 11.3.4学生管理页 11.3.5课程讨论页 11.4本章小结 参考文献