尚硅谷Java培训

Vue3.0

视频介绍

市面上很多Vue3教程,实际讲解中大部分代码采用了Vue2的语法,本套教程完全基于Vue3的setup语法糖进行讲解,全程采用TypeScript+组合式API编码。千万播放新版Vue教程彪悍来袭,禹神出手,带你快速上手纯血版Vue3!

教程内容涵盖:Vue3中的核心语法、生命周期、自定义Hooks、路由、Pinia、插槽等重要内容,并加入了一些常用第三方库,如Mitt、Axios等,同时,对面试高频问题“Vue3组件通信”、“响应式相关API”等进行了详细梳理。

教程贴心之处:为不熟悉TypeScript的学习者,精心准备了一份快速上手笔记,让你可以快速掌握TypeScript。此外,这是一套持续更新的教程,Vue3之后再推出新特性,教程会及时跟进更新。禹神出品,你值得拥有!

视频目录 选集

  • 001.Vue3开篇
  • 002.Vue3简介
  • 003.创建Vue3工程
  • 004.编写App组件
  • 005.一个简单的效果
  • 006.OptionsAPI 与 CompositionAPI
  • 007.setup概述
  • 008.setup的返回值
  • 009.setup与OptionsAPI
  • 010.setup的语法糖
  • 011.ref创建_基本类型的响应式数据
  • 012.reactive创建_对象类型的响应式数据
  • 013.ref创建_对象类型的响应式数据
  • 014.ref对比reactive
  • 015.toRefs与toRef
  • 016.computed计算属性
  • 017.watch监视_情况一
  • 018.watch监视_情况二
  • 019.watch监视_情况三
  • 020.watch监视_情况四
  • 021.watch监视_情况五
  • 022.watchEffect
  • 023.标签的ref属性
  • 024.回顾TS中的_接口_泛型_自定义类型
  • 025.props的使用
  • 026.对生命周期的理解
  • 027.Vue2的生命周期
  • 028.Vue3的生命周期
  • 029.自定义Hooks
  • 030.对路由的理解
  • 031.路由_基本切换效果
  • 032.路由_两个注意点
  • 033.路由_路由器工作模式
  • 034.路由_to的两种写法
  • 035.路由_命名路由
  • 036.路由_嵌套路由
  • 037.路由_query参数
  • 038.路由_params参数
  • 039.路由_props配置
  • 040.路由_replace属性
  • 041.路由_编程式路由导航
  • 042.路由_重定向
  • 043.对Pinia的理解
  • 044.准备一个效果
  • 045.搭建Pinia环境
  • 046.存储+读取数据
  • 047.修改数据(三种方式)
  • 048.storeToRefs
  • 049.getters的使用
  • 050.$subscribe的使用
  • 051.store组合式写法
  • 052.组件通信_方式1_props
  • 053.组件通信_方式2_自定义事件
  • 054.组件通信_方式3_mitt
  • 055.组件通信_方式4_v-model
  • 056.组件通信_v-model的细节
  • 057.组件通信_方式5_$attrs
  • 058.组件通信_方式6_$refs与$parent
  • 059.一个注意点
  • 060.组件通信_方式7_provide_inject
  • 061.插槽_默认插槽
  • 062.插槽_具名插槽
  • 063.插槽_作用域插槽
  • 064.shallowRef 与 shallowReactive
  • 065.readonly 与 shallowReadonly
  • 066.toRaw与markRaw
  • 067.customRef的使用
  • 068.Teleport
  • 069.Suspense
  • 070.全局API转移到应用对象
  • 071.Vue3的非兼容性改变