08 2023 档案

摘要:# 背景 通常情况下,当我们需要从父组件向子组件传递数据时,会使用 **props**。想象一下这样的结构:有一些多层级嵌套的组件,形成了一颗巨大的组件树,而某个深层的子组件需要一个较远的祖先组件中的部分数据。在这种情况下,如果仅使用 props 则必须将其沿着组件链逐级传递下去,这会非常麻烦: ! 阅读全文
posted @ 2023-08-31 01:14 前端cry 阅读(331) 评论(0) 推荐(1) 编辑
摘要:# 背景 再很多场景中,我们可能想在子组件中修改父组件的数据,但事实上,vue不推荐我们这么做,因为数据的修改不容易溯源。 ## Vue2写法 在vue2中,我们使用`.sync`修饰符+自定义事件`'update:xxx'`,来使父子组件数据同步。 ```html // 父组件 我是父组件,我有{ 阅读全文
posted @ 2023-08-27 12:56 前端cry 阅读(607) 评论(0) 推荐(0) 编辑
摘要:> 优雅解决方案在最下面,小伙伴们儿可以直接前往 😊 > # 背景 在vue3+vite2项目中,我们有时候想要动态绑定资源,比如像下面的代码这样: ```html ``` 实际效果是这样: ![](https://img2023.cnblogs.com/blog/3153981/202308/3 阅读全文
posted @ 2023-08-23 20:36 前端cry 阅读(1974) 评论(2) 推荐(3) 编辑
摘要:哟呵~我这小破博都被你找到了 这不得唠两句 😼 你好,我叫 前端cry 很高兴见到你! 阅读全文
posted @ 2023-08-19 15:54 前端cry 阅读(166) 评论(1) 推荐(0) 编辑
摘要:> Vue2.x使用EventBus进行组件通信,而Vue3.x推荐使用`mitt.js`。 > > > 比起Vue实例上的`EventBus`,`mitt.js`好在哪里呢?首先它足够小,仅有200bytes,其次支持全部事件的监听和批量移除,它还不依赖Vue实例,所以可以跨框架使用,React或 阅读全文
posted @ 2023-08-19 14:33 前端cry 阅读(371) 评论(1) 推荐(2) 编辑