Vue3实战教程

Vue3实战教程
共139节 861人在学 课程详情

  • 开始

    • 1Vue3简介
    • 2Vue3快速上手
    • 3Vue3快速上手常见问题

  • 基础

    • 4Vue3创建一个Vue应用
    • 5Vue3模板语法1 文本插值
    • 6Vue3模板语法2 Attribute 绑定
    • 7Vue3模板语法3 指令 Directives
    • 8Vue3VSCode汉化
    • 9Vue3响应式基础1 声明响应式状态
    • 10Vue3响应式基础2 reactive()
    • 11Vue3响应式基础3 额外的 ref 解包细节
    • 12Vue3计算属性1 基础示例
    • 13Vue3计算属性2 可写计算属性
    • 14Vue3类与样式绑定1 绑定 HTML class
    • 15Vue3类与样式绑定2 在组件上使用
    • 16Vue3类与样式绑定3 绑定内联样式
    • 17Vue3条件渲染
    • 18Vue3列表渲染1 v-if
    • 19Vue3列表渲染2 <template> 上的 v-if
    • 20Vue3列表渲染3 v-show
    • 21Vue3列表渲染4 v-if vs. v-show
    • 22Vue3事件处理1 监听事件
    • 23Vue3事件处理2 在内联处理器中调用方法
    • 24Vue3事件处理3 事件修饰符
    • 25Vue3表单输入绑定1 基本用法
    • 26Vue3表单输入绑定2 值绑定
    • 27Vue3表单输入绑定3 修饰符
    • 28Vue3生命周期
    • 29Vue3侦听器1（基本示例）
    • 30Vue3侦听器2（侦听数据源类型、深层侦听器）
    • 31Vue3侦听器3（即时回调的侦听器、一次性侦听器）
    • 32Vue3侦听器4（watchEffect()）
    • 33Vue3侦听器（副作用清理）
    • 34Vue3侦听器（回调的触发时机）
    • 35Vue3侦听器（停止侦听器）
    • 36Vue3模板引用1（访问模板引用）
    • 37Vue3模板引用2（v-for 中的模板引用）
    • 38Vue3模板引用3（函数模板引用）
    • 39Vue3模板引用4（组件上的 ref）
    • 40Vue3组件基础1（定义一个组件、使用组件）
    • 41Vue3组件基础2（传递 props）
    • 42Vue3组件基础3（监听事件）
    • 43Vue3组件基础4（通过插槽来分配内容）
    • 44Vue3组件基础4（动态组件）
    • 45Vue3组件基础4（DOM 内模板解析注意事项）

  • 深入组件

    • 46Vue3组件注册 全局注册
    • 47Vue3组件注册 局部注册、组件名格式
    • 48Vue3Props Props声明
    • 49Vue3Props 响应式 Props 解构
    • 50Vue3Props 传递 prop 的细节
    • 51Vue3Props 单向数据流
    • 52Vue3Props Prop 校验
    • 53Vue3Props Boolean 类型转换
    • 54Vue3组件事件 触发与监听事件 事件参数
    • 55Vue3组件事件 声明触发的事件 事件校验
    • 56 Vue3 组件 v-model 基本用法
    • 57 Vue3 组件 v-model v-model 的参数
    • 58 Vue3 组件 v-model 多个 v-model 绑定
    • 59 Vue3 组件 v-model 处理 v-model 修饰符
    • 60 Vue3 透传 Attributes Attributes 继承
    • 61 Vue3 透传 Attributes 禁用 Attributes 继承
    • 62 Vue3 透传 Attributes 多根节点的 Attributes 继承
    • 63 Vue3 透传 Attributes 在 JavaScript 中访问透传 Attribute
    • 64 Vue3 插槽 插槽内容与出口 渲染作用域 默认内容
    • 65 Vue3 插槽 具名插槽 条件插槽
    • 66 Vue3 插槽 动态插槽名
    • 67 Vue3 插槽 作用域插槽 具名作用域插槽
    • 68 Vue3 插槽 作用域插槽 高级列表组件示例
    • 69 Vue3 依赖注入 Provide (提供) Inject (注入)
    • 70 Vue3 依赖注入 和响应式数据配合使用
    • 71 Vue3 依赖注入 使用 Symbol 作注入名
    • 72 Vue3 异步组件 基本用法
    • 73 Vue3 异步组件 加载与错误状态
    • 74 Vue3 异步组件 惰性激活

  • 逻辑复用

    • 75 Vue3 组合式函数 鼠标跟踪器示例
    • 76 Vue3 组合式函数 异步状态示例
    • 77 Vue3 组合式函数 约定和最佳实践
    • 78 Vue3 组合式函数 通过抽取组合式函数改善代码结构
    • 79 Vue3 自定义指令 介绍
    • 80 Vue3 自定义指令 指令钩子
    • 81 Vue3 自定义指令 简化形式
    • 82 Vue3 自定义指令 对象字面量
    • 83 Vue3 插件 介绍
    • 84 Vue3 插件 编写一个插件

  • 内置组件

    • 85 Vue3 Transition Transition 组件
    • 86 Vue3 Transition 基于 CSS 的过渡效果 CSS 过渡 class
    • 87 Vue3 Transition 基于 CSS 的过渡效果 CSS 的 animation 自定
    • 88 Vue3 Transition 基于 CSS 的过渡效果 深层级过渡与显式过渡时长
    • 89 Vue3 Transition JavaScript 钩子
    • 90 Vue3 Transition 可复用过渡效果 出现时过渡
    • 91 Vue3 Transition 元素间过渡 过渡模式
    • 92 Vue3 Transition 元素间过渡 动态过渡
    • 93 Vue3 Transition 使用 Key Attribute 过渡
    • 94 Vue3 TransitionGroup 和Transition的区别
    • 95 Vue3 TransitionGroup 进入离开动画 移动动画
    • 96 Vue3 TransitionGroup 渐进延迟列表动画
    • 97 Vue3 KeepAlive 基本使用
    • 98 Vue3 KeepAlive 包含排除
    • 99 Vue3 KeepAlive 最大缓存实例数
    • 100 Vue3 KeepAlive 缓存实例的生命周期
    • 101 Vue3 Teleport 基本用法
    • 102 Vue3 Teleport 搭配组件使用 禁用Teleport
    • 103 Vue3 Teleport 多个Teleport共享目标 延迟解析的Teleport
    • 104 Vue3 Suspense

  • 应用规模化

    • 105 Vue3 单文件组件 介绍
    • 106 Vue3 单文件组件 单文件组件是如何工作的
    • 107 Vue3 工具链​ 在线尝试 项目脚手架
    • 108 Vue3 工具链​ IDE 支持
    • 109 Vue3 路由
    • 110 Vue3 状态管理 什么是状态管理？
    • 111 Vue3 状态管理 用响应式 API 做简单状态管理
    • 112 Vue3 测试 单元测试 组件测试
    • 113 Vue3 服务端渲染 (SSR) 总览
    • 114 Vue3 服务端渲染 (SSR) 基础教程 渲染一个应用
    • 115 Vue3 服务端渲染 (SSR) 基础教程 客户端激活
    • 116 Vue3 服务端渲染 (SSR) 更通用的解决方案

  • 最佳实践

    • 117 Vue3 生产部署
    • 118 Vue3 性能优化
    • 119 Vue3 无障碍访问
    • 120 Vue3 无障碍访问 跳过链接
    • 121 Vue3 无障碍访问 内容结构
    • 122 Vue3 安全 首要规则 Vue 自身的安全机
    • 123 Vue3 安全 潜在的危险
    • 124 Vue3 安全 实践 后端协调

  • TypeScript

    • 125 Vue3 TypeScript 总览 项目配置
    • 126 Vue3 TypeScript 总览 常见使用说明
    • 127 Vue3 TypeScript TS 与组合式 API 为组件的 props 标注类型
    • 128 Vue3 TypeScript TS 与组合式 API 为组件的 emits 标注类型
    • 129 Vue3 TypeScript TS 与组合式 API 为 ref() 标注类型

  • 进阶主题

    • 130 使用 Vue 的多种方式
    • 131 组合式 API 常见问答
    • 132 Vue3 深入响应式系统
    • 133 Vue3 渲染机制
    • 134 Vue3 渲染函数 & JSX
    • 135 Vue3 Vue 与 Web Components
    • 136 Vue3 动画技巧 基于 CSS class 的动画
    • 137 Vue3 动画技巧 状态驱动的动画
    • 138 Vue3 动画技巧 基于侦听器的动画

  • 其它

    • 139 Vue3 其它

    订阅失败

    Vue3实战教程
    Vue3实战教程 ...

    订阅列表已满，请先移出部分订阅内容。

    当前章节需购买后观看
    开通超级会员免费看！专家精选系列课程，满足你从入门到精通！更有问答月卡免费送，你的问题有问必答！
    提交答案

    购买课程

    扫码完成付费，可继续学习全部课程内容

    加载中...
    播放页问题反馈
    视频学习中有任何产品建议都可由此反
    馈，我们将及时处理！

    课时介绍

    88 Vue3 Transition 基于 CSS 的过渡效果 深层级过渡与显式过渡时长 88 Vue3 Transition 基于 CSS 的过渡效果 深层级过渡与显式过渡时长

    课程介绍

    Vue3是一款用于构建用户界面的 JavaScript 框架。
    Vue3基于标准 HTML、CSS 和 JavaScript构建，并提供了一套声明式的、组件化的编程模型，帮助您高效地开发用户界面。
    无论是简单还是复杂的界面，Vue 都可以胜任。

    推荐课程

    信息系统项目管理师自考笔记

    李明 · 843人在学

    python从0到1：期货量化交易系统（CTP实战，高频及合成K线数据

    王先生 · 22535人在学

    手把手搭建Java超市管理系统【附源码】（毕设）

    汤小洋 · 4271人在学

    Java毕设springboot外卖点餐系统 毕业设计毕设源码 使用教

    黄菊华 · 819人在学

    基于SSM酒店管理系统（毕设）

    小尼老师 · 879人在学

    java项目实战之购物商城（java毕业设计）

    Long · 5190人在学

    手把手搭建Java求职招聘系统【附源码】（毕设）

    汤小洋 · 1522人在学

    Python Django 深度学习 小程序

    钟翔 · 2382人在学

    城管局门前三包管理系统+微信小程序（vue+springboot）

    赖国荣 · 650人在学

    Vue+Uni-app(uniapp)入门与实战+赠送仿美团点餐小程序

    李杰 · 4058人在学

    正在试验
    后自动删除环境
    课程实验
    本次实验时间已到期 00:00:00
    课件正在飞速打包中，请耐心等待几秒钟～