笔记 视频内容 1.全局API的转移 2.其他改变 笔记 Vue3 没有 生产提示 配置项。 视频内容 1.全局API的转移 Vue 2.x 有许多全局 API 和配置。 例如：注册全局组件、注册全局指令等。 //注册全局组件 Vue.component('MyButton' , { data : () => ({ ...

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

视频内容 源码 Demo.vue shallow 浅层次 视频内容 1.shallowReactive 与 shallowRef shallowReactive：只处理对象最外层 属性的响应式（浅响应式）。 shallowRef：只处理基本数据类型 的响应式, 不进行对象的响应式处理。 什么时候使用? 如果有一个对象数据，...

视频内容 源码 components\Demo.vue 视频内容 computed函数 与Vue2.x中computed配置功能一致 写法 import {computed} from 'vue' setup(){ ... //计算属性——简写 let fullName = computed(()=>{...

限制 变量 假设定义变量a 限制 函数 字面量类型 (了解 实际开发中用的不多) 视频位置 TypeScript快速梳理_上篇 18:57 限制 变量 假设定义变量a 在 js 中的写法: let a 在 ts 中的写法: let 变量: 类型 E.g 将 变量a 定义为 字符串类型 let a: string ...

笔记 视频内容 源码 App.vue 笔记 suspense 悬念英[səˈspens]美[səˈspens] 视频内容 Suspense 等待异步组件时渲染一些额外内容，让应用有更好的用户体验 使用步骤： 异步引入组件 import {defineAsyncComponent} from 'vue' const...

笔记 源码 main.ts store\count.ts store\loveTalk.ts components\Count.vue components\LoveTalk.vue 笔记 Pinia 强调的是 分类。 store 目录就是 Pinia 的一个体现，可以理解为： store 是 Pinia 世界的一个总经理。 源码...

笔记 视频内容 源码 components\Demo.vue 笔记 响应式的特点：只要属性值一变化，页面用到该属性的地方就会更新。 视频内容 readonly 与 shallowReadonly readonly: 让一个响应式数据变为只读的（深只读）。 shallowReadonly：让一个响应式数据变为只读的（浅只读）。 应用场景...

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

笔记 Vue2 Vue3 视频内容 源码 App.vue components\Demo.vue 笔记 Vue2 在 Vue2 中 vc身上的 $attrs 虽然可以接收父组件传递过来的属性(props接收之外的属性)，但是不能做类型限制，并且在模板中使用需要{{$attrs.***}} 。 <子组件>传递参数到子组件的 $slot...