-
167_Suspense组件
笔记 视频内容 源码 App.vue 笔记 suspense 悬念英[səˈspens]美[səˈspens] 视频内容 Suspense 等待异步组件时渲染一些额外内容，让应用有更好的用户体验 使用步骤： 异步引入组件 import {defineAsyncComponent} from 'vue' const... -
usePreferredColorScheme
usePreferredColorScheme 介绍 📋 这是什么？ 🎯 核心功能 ★ 💡 基本使用 ★ 🔧 实际应用 1. 自动跟随系统主题 📊 浏览器 API 基础 1. window.matchMedia 2. VueUse 的封装 🔄 完整主题管理示例 📈 响应式特性 自动响应变化 响应式组件 ⚡ 性能... -
168_Vue3中其他的改变
笔记 视频内容 1.全局API的转移 2.其他改变 笔记 Vue3 没有 生产提示 配置项。 视频内容 1.全局API的转移 Vue 2.x 有许多全局 API 和配置。 例如：注册全局组件、注册全局指令等。 //注册全局组件 Vue.component('MyButton' , { data : () => ({ ... -
019_计算属性
源码 源码 <!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > 姓名案例_计算属性实现</title > <!-- 引入Vue --> <script type ="text/ja... -
050_生命周期_更新流程
面试官常问的问题 源码 面试官常问的问题 在哪个生命周期钩子中，页面和数据尚未保持同步？答案： beforeUpdate() 源码 <!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > 分析生命周期</titl... -
158_shallowReactive与shallowRef
视频内容 源码 Demo.vue shallow 浅层次 视频内容 1.shallowReactive 与 shallowRef shallowReactive：只处理对象最外层 属性的响应式（浅响应式）。 shallowRef：只处理基本数据类型 的响应式, 不进行对象的响应式处理。 什么时候使用? 如果有一个对象数据，... -
154_watchEffect函数
视频内容 源码 components\Demo.vue 视频内容 watchEffect函数 watch的套路是：既要指明监视的属性，也要指明监视的回调。 watchEffect的套路是：不用指明监视哪个属性，监视的回调中用到哪个属性，那就监视哪个属性。 watchEffect有点像computed： 但computed注重的计算... -
159_readonly与shallowReadonly
笔记 视频内容 源码 components\Demo.vue 笔记 响应式的特点：只要属性值一变化，页面用到该属性的地方就会更新。 视频内容 readonly 与 shallowReadonly readonly: 让一个响应式数据变为只读的（深只读）。 shallowReadonly：让一个响应式数据变为只读的（浅只读）。 应用场景... -
7.7 enum
1. 数字 枚举 2. 字符串 枚举 3. 常量枚举 视频位置 TypeScript快速梳理_中篇 视频位置 00:24:09 枚举（ enum ）可以定义⼀组 命名常量 ，它能增强代码的可读性，也让代码更好维护。 如下代码的功能是：根据调⽤ walk 时传⼊的不同参数，执⾏不同的逻辑，存在的问题是调⽤ walk 时传参时没有任何提示，编... -
070_TodoList案例_静态
源码 App.vue MyFooter.vue MyHeader.vue MyItem.vue MyList.vue 本节教程所用的静态文件详见附件。 源码 | App.vue | main.js | \---components MyFooter.vue MyHeader.vue ...