摘要: Vue3 新出的这俩属性 ref / reative 跟 Vue2 中的 data 一样是用来定义数据的,使用了这两个后, data 基本就用不到了,下面是笔者对这两个属性的一个总结: ref 常用于基本类型:Boolean / Number / String / ... reactive 常用于引 阅读全文
posted @ 2021-11-29 21:19 Cookcyq 阅读(243) 评论(0) 推荐(0)
摘要: 大家应该都知道, v-for 中 key 最常用的绑定方式有两种: 第一种用 index 第二种用 唯一 id 那么接下来笔者将用几个小案例来讲述这两种方式在渲染时有什么明显的差别。 第一种: key 采用 index 我们先来看看代码 <template> <div class="root"> < 阅读全文
posted @ 2021-11-28 20:49 Cookcyq 阅读(1099) 评论(0) 推荐(0)
摘要: TypeScript 是什么 TypeScript 是一款用来检查 Javascript 数据类型的工具语言。 TypeScript 有什么用 帮助开发者在代码编译成 JavaScript 前检测数据类型是否正确,如果不正确则给出相应的 error 提示,有助于开发效率和代码的稳定性。 tsconf 阅读全文
posted @ 2021-11-27 22:31 Cookcyq 阅读(258) 评论(0) 推荐(0)
摘要: 据官方文档 [https://developer.mozilla.org/en-US/docs/Web/API/Node/appendChild] 里面的开头说明: 明确指出源节点消失是引用问题,要想保留原(元素)节点可以使用 Node.cloneNode(true) 属性,其中 true 表示深拷 阅读全文
posted @ 2021-11-24 21:09 Cookcyq 阅读(641) 评论(0) 推荐(0)
摘要: 实现步骤 指定滚动容器元素 绑定滚动事件 触发条件:scrollTop + viewport >= scrollHeight 开始实现 完成 1 - 2 步骤,这里我们简单使用 vue 中的 @scroll 给容器绑定事件, // scroll.vue <template> <div class=" 阅读全文
posted @ 2021-11-21 17:50 Cookcyq 阅读(365) 评论(1) 推荐(0)