摘要：
react 阅读全文
摘要：
react 阅读全文
摘要：
原始基本类型 let age: number = 18; let myname: string = "tom"; let flag: boolean = true; let a: null = null; let b: undefined = undefined; let c: symbol = S 阅读全文
摘要：
全局状态管理工具 Pinia.js 有如下特点： 完整的 ts 的支持；足够轻量，压缩后的体积只有1kb左右;去除 mutations，只有 state，getters，actions；actions 支持同步和异步；代码扁平化没有模块嵌套，只有 store 的概念，store 之间可以自由使用，每 阅读全文
摘要：
深入v-model TIps 在Vue3 v-model 是破坏性更新的 v-model在组件里面也是很重要的 v-model 其实是一个语法糖 通过props 和 emit组合而成的 1.默认值的改变 prop：value -> modelValue；事件：input -> update:mode 阅读全文
摘要：
插槽slot 插槽就是子组件中的提供给父组件使用的一个占位符，用<slot></slot> 表示，父组件可以在这个占位符中填充任何模板代码，如 HTML、组件等，填充的内容会替换子组件的<slot></slot>标签。 匿名插槽 子组件 <template> <div> <slot></slot> 阅读全文
摘要：
组件的生命周期 简单来说就是一个组件从创建 到 销毁的 过程 成为生命周期 在我们使用Vue3 组合式Api是没有 beforeCreate 和 created 这两个生命周期的，用setup函数代替，但setup又是在beforeCreate和created之前执行。 <template> <di 阅读全文
摘要：
computed用法 计算属性就是当依赖的属性的值发生变化的时候，才会触发他的更改，如果依赖的值，不发生变化的时候，使用的是缓存中的属性值。 1 函数形式 <template> <div> <h1>{{ m }}</h1> </div> </template> <script setup lang= 阅读全文
摘要：
reactive 用来绑定复杂的数据类型 例如 对象 数组，他是不可以绑定普通的数据类型这样是不允许 会报错 绑定普通的数据类型 我们可以 使用昨天讲到ref 你如果用ref去绑定对象 或者 数组 等复杂的数据类型 我们看源码里面其实也是 去调用reactive 使用reactive 去修改值无须. 阅读全文
摘要：
重写双向绑定 vue2基于Object.defineProperty()实现 vue3 基于Proxyproxy与Object.defineProperty(obj, prop, desc)方式相比有以下优势： //丢掉麻烦的备份数据 //省去for in 循环 //可以监听数组变化 //代码更简化 阅读全文