-
168_Vue3中其他的改变
笔记 视频内容 1.全局API的转移 2.其他改变 笔记 Vue3 没有 生产提示 配置项。 视频内容 1.全局API的转移 Vue 2.x 有许多全局 API 和配置。 例如：注册全局组件、注册全局指令等。 //注册全局组件 Vue.component('MyButton' , { data : () => ({ ... -
106_求和案例_纯vue版
笔记 重要文件源码 components\count.vue 笔记 安装 vue-resource 包 npm i vue-resource 引入 vue-resource 包，会在 vc 上多一个 $http ，如下图所示： 重要文件源码 components\count.vue <template > <div ... -
150_computed计算属性
视频内容 源码 components\Demo.vue 视频内容 computed函数 与Vue2.x中computed配置功能一致 写法 import {computed} from 'vue' setup(){ ... //计算属性——简写 let fullName = computed(()=>{... -
167_Suspense组件
笔记 视频内容 源码 App.vue 笔记 suspense 悬念英[səˈspens]美[səˈspens] 视频内容 Suspense 等待异步组件时渲染一些额外内容，让应用有更好的用户体验 使用步骤： 异步引入组件 import {defineAsyncComponent} from 'vue' const... -
158_shallowReactive与shallowRef
视频内容 源码 Demo.vue shallow 浅层次 视频内容 1.shallowReactive 与 shallowRef shallowReactive：只处理对象最外层 属性的响应式（浅响应式）。 shallowRef：只处理基本数据类型 的响应式, 不进行对象的响应式处理。 什么时候使用? 如果有一个对象数据，... -
130_全局后置_路由守卫
视频教程中的笔记 视频教程中的笔记 作用：对路由进行权限控制 分类：全局守卫、独享守卫、组件内守卫 全局守卫: //全局前置守卫：初始化时执行、每次路由切换前执行 router.beforeEach((to,from ,next )=> { console .log('beforeEach' ,to,fro... -
033_更新时的一个问题
源码 问题的引出 源码 <!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > 更新时的一个问题</title > <script type ="text/javascript" src ="../... -
161_customRef
视频内容 视频内容 customRef 作用：创建一个自定义的 ref，并对其依赖项跟踪和更新触发进行显式控制。 实现防抖效果： <template > <input type ="text" v-model ="keyWord" > <h3 > {{keyWord}}</h3 > </template >... -
8 泛型
泛型可以有多个 泛型接⼝ 视频位置 TypeScript快速梳理_下篇 0:54:50 泛型允许我们在定义函数、类或接⼝时，使⽤类型参数来表示未指定的类型 ，这些参数在具体使⽤时 ，才被指定具体的类型 ，泛型能让同⼀段代码适⽤于多种类型，同时仍然保持类型的安全性。 //<T> 表示 动态指定类型。 泛型用在函数身上，所以叫泛型函数。 //... -
159_readonly与shallowReadonly
笔记 视频内容 源码 components\Demo.vue 笔记 响应式的特点：只要属性值一变化，页面用到该属性的地方就会更新。 视频内容 readonly 与 shallowReadonly readonly: 让一个响应式数据变为只读的（深只读）。 shallowReadonly：让一个响应式数据变为只读的（浅只读）。 应用场景...