-
159_readonly与shallowReadonly
笔记 视频内容 源码 components\Demo.vue 笔记 响应式的特点：只要属性值一变化，页面用到该属性的地方就会更新。 视频内容 readonly 与 shallowReadonly readonly: 让一个响应式数据变为只读的（深只读）。 shallowReadonly：让一个响应式数据变为只读的（浅只读）。 应用场景... -
308 050.$subscribe的使用
笔记 源码 store\loveTalk.ts components\LoveTalk.vue 笔记 订阅可以让我们监视Vuex中数据的修改。 源码 store\loveTalk.ts import {defineStore} from 'pinia' import axios from "axios" ; import ... -
020_计算属性_简写
源码 源码 <!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > 姓名案例_计算属性实现</title > <!-- 引入Vue --> <script type ="text/ja... -
7.7 enum
1. 数字 枚举 2. 字符串 枚举 3. 常量枚举 视频位置 TypeScript快速梳理_中篇 视频位置 00:24:09 枚举（ enum ）可以定义⼀组 命名常量 ，它能增强代码的可读性，也让代码更好维护。 如下代码的功能是：根据调⽤ walk 时传⼊的不同参数，执⾏不同的逻辑，存在的问题是调⽤ walk 时传参时没有任何提示，编... -
305 047.修改数据(三种方式)
源码 store\count.ts components\Count.vue 源码 store\count.ts import {defineStore} from 'pinia' //因为当前演示项目中，有一个 count组件，所以当前文件名也起名为 count.ts //官方推荐我们使用 Hooks 命名思想: use***St... -
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' //因为当前演示项目中，有一... -
163_响应式数据的判断
视频内容 响应式数据的判断 源码 App.vue 视频内容 响应式数据的判断 isRef: 检查一个值是否为一个 ref 对象 isReactive: 检查一个对象是否是由 reactive 创建的响应式代理 isReadonly: 检查一个对象是否是由 readonly 创建的只读代理 isProxy: 检查一个对象是否是由 rea... -
156_自定义hook
笔记 源码 App.vue components\Demo.vue hooks\usePoint.js 笔记 只要是在 setup(){} 写的API，都叫 组合式API(= Composition API) 源码 App.vue <template > <button @click ="isShowDemo = !is... -
149_setup的两个注意点
笔记 Vue2 Vue3 视频内容 源码 App.vue components\Demo.vue 笔记 Vue2 在 Vue2 中 vc身上的 $attrs 虽然可以接收父组件传递过来的属性(props接收之外的属性)，但是不能做类型限制，并且在模板中使用需要{{$attrs.***}} 。 <子组件>传递参数到子组件的 $slot... -
309 051.store组合式写法
源码 store\loveTalk.ts 源码 store\loveTalk.ts import {defineStore} from 'pinia' import axios from "axios" ; import {nanoid} from 'nanoid' /* export const useTalkStore ...