摘要: 1.类型判断的四种方法 isRef: 检查一个值是否为一个ref对象 isReactive:检查一个对象是否是由 reactive 创建的响应式代理 isReadonly: 检查一个对象是否是由 readonly 创建的只读代理 isProxy: 检查个对象是否是由 reactive 或者 read 阅读全文
posted @ 2021-07-20 12:44 南风晚来晚相识 阅读(750) 评论(0) 推荐(0) 编辑
摘要: 1.visibility: hidden/visible与dispaly:none 有些人简单的认为display: none;和visibility: hidden; 这两个属性的区别在于前者隐藏后不占据文档空间。 后者隐藏后会占据文档空间。 其实visibility: hidden并不是你想的这 阅读全文
posted @ 2021-07-20 12:43 南风晚来晚相识 阅读(497) 评论(0) 推荐(0) 编辑
摘要: 1.readonly 深度只读 被readonly包裹的数据只能够读取。 是一个深度只读,不能够修改。 我们看一下面的代码。 我们想修改值,但是修改后视图无响应。 并且控制台警告目标为只读 readonly深度只读的应用场景: 比如我们登录后用户信息不会发生改变了。 <template> <div> 阅读全文
posted @ 2021-07-20 12:42 南风晚来晚相识 阅读(230) 评论(0) 推荐(0) 编辑
摘要: 1.Vue3 中 ref 和 reactive 都是深度监听 默认情况下, 无论是通过 ref 还是 reactive 都是深度监听。 深度监听存在的问题: 如果数据量比较大,非常消耗性能。 有些时候我们并不需要对数据进行深度监听。 这个时候就没有必要使用ref和reactive 2.说明 ref 阅读全文
posted @ 2021-07-20 12:40 南风晚来晚相识 阅读(776) 评论(0) 推荐(1) 编辑
摘要: 1.display的常见现象 我们很多人都知道,display可以让元素实现隐藏或者显示。 或者让行级元素变成块级元素。 对它的认识也是比较准确的。 如果一个元素使用了display:none; 那么该元素将会隐藏,无法进行点击,屏幕设置将会无法访问。 但是今天我的意外发现, display: no 阅读全文
posted @ 2021-07-20 12:37 南风晚来晚相识 阅读(139) 评论(0) 推荐(0) 编辑
摘要: 1.创建子组件 <template> <a-drawer :title="drawerInfo.customTitle" :placement="placement" :closable="drawerInfo.showCloseIcon" :visible="drawerInfo.visible" 阅读全文
posted @ 2021-07-20 12:34 南风晚来晚相识 阅读(2557) 评论(0) 推荐(1) 编辑
摘要: 1.readonly的讲解 readonly修饰符,首先是一个关键字 对类中的属性成员进行修饰修饰之后,该属性成员就不能修改了。只能够进行访问 在构造函数中是可以对只读属性(readonly)进行修改的 2.什么时候使用readonly 需求:一旦实例化后, 就不能够对实例化的对象【name】属性进 阅读全文
posted @ 2021-07-20 09:11 南风晚来晚相识 阅读(1889) 评论(0) 推荐(1) 编辑