-
7.7 enum
1. 数字 枚举 2. 字符串 枚举 3. 常量枚举 视频位置 TypeScript快速梳理_中篇 视频位置 00:24:09 枚举（ enum ）可以定义⼀组 命名常量 ，它能增强代码的可读性，也让代码更好维护。 如下代码的功能是：根据调⽤ walk 时传⼊的不同参数，执⾏不同的逻辑，存在的问题是调⽤ walk 时传参时没有任何提示，编... -
021_天气案例
vscode 插件 源码 vscode 插件 插件名： Vue 3 Snippets作者：hollowtree 源码 <!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > 天气案例</title > ... -
038_收集表单数据
源码 源码 <!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > 收集表单数据</title > <script type ="text/javascript" src ="../js/vue.js... -
130_全局后置_路由守卫
视频教程中的笔记 视频教程中的笔记 作用：对路由进行权限控制 分类：全局守卫、独享守卫、组件内守卫 全局守卫: //全局前置守卫：初始化时执行、每次路由切换前执行 router.beforeEach((to,from ,next )=> { console .log('beforeEach' ,to,fro... -
159_readonly与shallowReadonly
笔记 视频内容 源码 components\Demo.vue 笔记 响应式的特点：只要属性值一变化，页面用到该属性的地方就会更新。 视频内容 readonly 与 shallowReadonly readonly: 让一个响应式数据变为只读的（深只读）。 shallowReadonly：让一个响应式数据变为只读的（浅只读）。 应用场景... -
306 048.storeToRefs
源码 src\store\count.ts src\store\loveTalk.ts src\components\Count.vue src\components\LoveTalk.vue 源码 src\store\count.ts import {defineStore} from 'pinia' //因为当前演示项目中，有一... -
305 047.修改数据(三种方式)
源码 store\count.ts components\Count.vue 源码 store\count.ts import {defineStore} from 'pinia' //因为当前演示项目中，有一个 count组件，所以当前文件名也起名为 count.ts //官方推荐我们使用 Hooks 命名思想: use***St... -
014_事件处理
源码 源码 <!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > 事件的基本使用</title > <!-- 引入Vue --> <script type ="text/javasc... -
154_watchEffect函数
视频内容 源码 components\Demo.vue 视频内容 watchEffect函数 watch的套路是：既要指明监视的属性，也要指明监视的回调。 watchEffect的套路是：不用指明监视哪个属性，监视的回调中用到哪个属性，那就监视哪个属性。 watchEffect有点像computed： 但computed注重的计算... -
019_计算属性
源码 源码 <!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > 姓名案例_计算属性实现</title > <!-- 引入Vue --> <script type ="text/ja...