摘要: ### 父子组件中的attrs props 理解/继承 首先,父组件可以给子组件传入属性、监听函数(类似onClick),class,style,id,总结起来就是大三类-**属性,监听函数,样式**! 爷爷组件 -- 有两个监听函数 ```jsx import { computed, define 阅读全文
posted @ 2023-08-22 13:49 茶记忆 阅读(122) 评论(0) 推荐(0) 编辑
摘要: ## 整体结构 * jsx 类似vue3中的setup钩子函数? ```jsx import { defineComponent, reactive, ref } from 'vue'; export default defineComponent({ props: {}, setup: (prop 阅读全文
posted @ 2023-08-21 15:26 茶记忆 阅读(88) 评论(0) 推荐(0) 编辑
摘要: Chrome 98开始支持 全局的 structuredClone() 方法使用结构化克隆算法将给定的值进行深拷贝。 // Create an object with a value and a circular reference to itself. const original = { nam 阅读全文
posted @ 2023-05-09 09:23 茶记忆 阅读(18) 评论(0) 推荐(0) 编辑
摘要: 阅读全文
posted @ 2023-04-27 15:20 茶记忆 阅读(252) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content 阅读全文
posted @ 2023-04-27 13:08 茶记忆 阅读(521) 评论(0) 推荐(0) 编辑
摘要: 我们常用的是用正则或者其他处理办法,这个这里不讲,主要想谈以下方法 1、如果给到的地址是完整的地址,比如 https://i.cnblogs.com/posts/edit?test=123 那么,我们使用 new URL('https://i.cnblogs.com/posts/edit?test= 阅读全文
posted @ 2023-04-21 14:22 茶记忆 阅读(351) 评论(0) 推荐(0) 编辑
摘要: 一、window.location的各属性含义 window.location的各属性, 可以很方便的将当前访问地址的各组成取出来,以下是具体含义。 二、new URL的作用 URL也属于标准库里面的内容,我们可以将自己的url进行处理,然后可以和类似window.location取出各属性值一样, 阅读全文
posted @ 2023-04-21 13:49 茶记忆 阅读(97) 评论(0) 推荐(0) 编辑
摘要: 谈到key, 我们通常是在v-for循环中使用key,如官网示例如下: 其实、在某些场景下,我们也需要手动进行修改key,然后来重新刷新dom。大概场景描述就是--数据变化了,但是dom没有更新。 比如其他场景: 1、echarts 数据变了,但是dom没有更新,这就需要手动刷新。 2、屏幕大小变化 阅读全文
posted @ 2023-04-13 16:31 茶记忆 阅读(22) 评论(0) 推荐(0) 编辑
摘要: vue 默认只能在元素dom上面加点击事件,否则你给组件加上点击事件是没有效果的。 解决方案: 可以在组件的事件后面加.native @click.native 注意:这只是针对于vue2,vue3可以直接绑定事件。 阅读全文
posted @ 2023-04-13 11:01 茶记忆 阅读(358) 评论(0) 推荐(0) 编辑
摘要: 用法如下: 1、v-on="$listeners" 父组件A,子组件B,孙组件C。C组件中emit事件后,在B中可以直接使用v-on="$listeners"接收,此时可以在A组件中的B上直接使用C中emit出来的事件。 2、v-bind="$attrs"父组件A,子组件B,孙组件C。A上设置值,若 阅读全文
posted @ 2023-04-10 15:13 茶记忆 阅读(458) 评论(0) 推荐(0) 编辑