NonNullable是 TypeScript 内置的工具类型 ，它会从 类型T 中移除 null 和 undefined 。 使用示例： //从 类型a 中移除 null和 undefined 给 b type a = string | null | undefined type b = NonNullable<a> // b 是 str...

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...

笔记 源码 App.vue components\Demo.vue hooks\usePoint.js 笔记 只要是在 setup(){} 写的API，都叫 组合式API(= Composition API) 源码 App.vue <template > <button @click ="isShowDemo = !is...

源码 store\count.ts components\Count.vue 源码 store\count.ts import {defineStore} from 'pinia' //因为当前演示项目中，有一个 count组件，所以当前文件名也起名为 count.ts //官方推荐我们使用 Hooks 命名思想: use***St...

源码 src\store\count.ts src\store\loveTalk.ts src\components\Count.vue src\components\LoveTalk.vue 源码 src\store\count.ts import {defineStore} from 'pinia' //因为当前演示项目中，有一...

1. 属性简写（同名省略） 2. 方法简写（省略 : function ） 3. 计算属性名（动态键名） 4. Vue 特定简写 （1）v-bind 简写 （2）v-on 简写 5. 对象展开运算符（... ） 6. 解构赋值简写 7. Vuex 中的简写 （1）mapState 简写 （2）mapActions 简...

源码 App.vue MyFooter.vue MyHeader.vue MyItem.vue MyList.vue 本节教程所用的静态文件详见附件。 源码 | App.vue | main.js | \---components MyFooter.vue MyHeader.vue ...

笔记 源码 main.js School.vue 笔记 全局事件总线：任意组件间通信。 事件总线的原理: 源码 main.js //引入Vue import Vue from 'vue' //引入App import App from './App.vue' //关闭Vue的生产提示 Vue.config.pr...

视频内容 视频内容 customRef 作用：创建一个自定义的 ref，并对其依赖项跟踪和更新触发进行显式控制。 实现防抖效果： <template > <input type ="text" v-model ="keyWord" > <h3 > {{keyWord}}</h3 > </template >...

总结 全局事件总线（GlobalEventBus） 源码 main.js components\School.vue components\Student.vue 总结 全局事件总线（GlobalEventBus） 一种组件间通信的方式，适用于任意组件间通信 。 安装全局事件总线： new Vue({ ...... ...