上一页 1 ··· 11 12 13 14 15 16 17 18 19 ··· 29 下一页
2022年5月23日
note1,
摘要： 阅读全文
posted @ 2022-05-23 12:30 杨建鑫 阅读(80) 评论(0) 推荐(0)
unionLeft
摘要： 阅读全文
posted @ 2022-05-23 12:28 杨建鑫 阅读(17) 评论(0) 推荐(0)
comRight
摘要： 阅读全文
posted @ 2022-05-23 12:14 杨建鑫 阅读(15) 评论(0) 推荐(0)
2022年5月22日
Suspense
摘要： Suspense 等待异步组件时渲染一些额外内容，让应用有更好的用户体验 使用步骤： 异步引入组件 import {defineAsyncComponent} from 'vue' const Child = defineAsyncComponent(()=>import('./components 阅读全文
posted @ 2022-05-22 14:30 杨建鑫 阅读(115) 评论(0) 推荐(0)
vue3总结-组合式API
摘要： 1.setup setup的两个传值 : 父传子 , 子传父 , 父后代 2.ref函数 isRef: 检查一个值是否为一个 ref 对象 vue2和vue3响应式的原理(数据拦截) 3.reactive函数 isReactive: 检查一个对象是否是由 reactive 创建的响应式代理 ref与 阅读全文
posted @ 2022-05-22 14:30 杨建鑫 阅读(483) 评论(0) 推荐(0)
2022年5月21日
Teleport
摘要： Teleport 什么是Teleport？—— Teleport 是一种能够将我们的组件html结构移动到指定位置的技术。 <teleport to="移动位置"> <div v-if="isShow" class="mask"> <div class="dialog"> <h3>我是一个弹窗</h 阅读全文
posted @ 2022-05-21 12:05 杨建鑫 阅读(242) 评论(0) 推荐(0)
2022年5月20日
customRef [ 实现防抖 ]
摘要： customRef [ 实现防抖 ] 作用：创建一个自定义的 ref，并对其依赖项跟踪和更新触发进行显式控制。 案例 : <template> <div> <input type="text" v-model="num"> <br><br><br> {{num}} </div> </template 阅读全文
posted @ 2022-05-20 17:15 杨建鑫 阅读(105) 评论(0) 推荐(0)
toRaw和markRaw
摘要： toRaw： 作用：将一个由reactive生成的响应式对象转为普通对象。[ ref的不行哦 ] 使用场景：用于读取响应式对象对应的普通对象，对这个普通对象的所有操作，不会引起页面更新。 markRaw： 作用：标记一个对象，使其永远不会再成为响应式对象。 应用场景: 有些值不应被设置为响应式的，例 阅读全文
posted @ 2022-05-20 15:49 杨建鑫 阅读(250) 评论(0) 推荐(0)
readonly 和 shallowReadonly
摘要： readonly: 让一个响应式数据变为只读的（深只读）。 shallowReadonly：让一个响应式数据变为只读的（浅只读）。 应用场景: 不希望数据被修改时。 <template> <div> <h1>readonly : </h1> 姓名 : {{name}} <br> 薪资 : {{j.b 阅读全文
posted @ 2022-05-20 14:29 杨建鑫 阅读(84) 评论(0) 推荐(0)
shallowReactive 和 shallowRef
摘要： shallowReactive：只处理对象最外层属性的响应式（浅响应式）。 shallowRef：只处理基本数据类型的响应式, 不进行对象的响应式处理。 什么时候使用? 如果有一个对象数据，结构比较深, 但变化时只是外层属性变化 > shallowReactive。 如果有一个对象数据，后续功能不会 阅读全文
posted @ 2022-05-20 14:08 杨建鑫 阅读(637) 评论(0) 推荐(0)
上一页 1 ··· 11 12 13 14 15 16 17 18 19 ··· 29 下一页