-
167_Suspense组件
笔记 视频内容 源码 App.vue 笔记 suspense 悬念英[səˈspens]美[səˈspens] 视频内容 Suspense 等待异步组件时渲染一些额外内容，让应用有更好的用户体验 使用步骤： 异步引入组件 import {defineAsyncComponent} from 'vue' const... -
130_全局后置_路由守卫
视频教程中的笔记 视频教程中的笔记 作用：对路由进行权限控制 分类：全局守卫、独享守卫、组件内守卫 全局守卫: //全局前置守卫：初始化时执行、每次路由切换前执行 router.beforeEach((to,from ,next )=> { console .log('beforeEach' ,to,fro... -
159_readonly与shallowReadonly
笔记 视频内容 源码 components\Demo.vue 笔记 响应式的特点：只要属性值一变化，页面用到该属性的地方就会更新。 视频内容 readonly 与 shallowReadonly readonly: 让一个响应式数据变为只读的（深只读）。 shallowReadonly：让一个响应式数据变为只读的（浅只读）。 应用场景... -
149_setup的两个注意点
笔记 Vue2 Vue3 视频内容 源码 App.vue components\Demo.vue 笔记 Vue2 在 Vue2 中 vc身上的 $attrs 虽然可以接收父组件传递过来的属性(props接收之外的属性)，但是不能做类型限制，并且在模板中使用需要{{$attrs.***}} 。 <子组件>传递参数到子组件的 $slot... -
154_watchEffect函数
视频内容 源码 components\Demo.vue 视频内容 watchEffect函数 watch的套路是：既要指明监视的属性，也要指明监视的回调。 watchEffect的套路是：不用指明监视哪个属性，监视的回调中用到哪个属性，那就监视哪个属性。 watchEffect有点像computed： 但computed注重的计算... -
078_浏览器本地存储
webStorage 1.存储内容大小 2.本地存储机制 3.相关API 3.1 xxxxxStorage.setItem('key', 'value'); 3.2 xxxxxStorage.getItem('person'); 3.3 xxxxxStorage.removeItem('key'); 3.4 xxxxxStorage.cl... -
NonNullable
NonNullable是 TypeScript 内置的工具类型 ，它会从 类型T 中移除 null 和 undefined 。 使用示例： //从 类型a 中移除 null和 undefined 给 b type a = string | null | undefined type b = NonNullable<a> // b 是 str... -
019_计算属性
源码 源码 <!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > 姓名案例_计算属性实现</title > <!-- 引入Vue --> <script type ="text/ja... -
069_scoped样式
scoped样式 源码 School.vue Student.vue scoped 仔细看英[skəʊ pt] 美[skoʊpt] 组件加 scoped 之后，里面缩写的样式只负责本组件。 scoped样式的实现原理：在 最外侧 div 添加了一个 data-v-随机数 属性， scoped样式 作用：让样式在局部生效，防... -
013_Vue中的数据代理
源码 数据代理图示 源码 <!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > Vue中的数据代理</title > <!-- 引入Vue --> <script type ="t...