组件通信

news/发布时间2024/5/12 15:24:09

认真学习前端第四天打卡

1.组件通信:

  1.父子组件:

    父->子:父组件在子组件标签里(响应式v-bind)自定义属性传递;子组件通过props属性接收

    子->父:子组件实例自定义事件($emit),父组件中子组件监听这个事件(v-on)

  2.兄弟组件:

    $emit->$on(挂载后mounted)

  3.依赖注入(避免props逐级透传):

    父组件从vue导入provide->provide(注入名,值)

    子组件从vue导入inject->message=inject(注入名)

  4.直接通过$parent和$children获取实例

    this.$children[0].message

    this.$parent.msg

  5.ref /refs

    <son ref="sonDate"></son>

    const sonDate= this.$refs.sonDate

2.排序的方法

  1.people.sort((a, b) => a.age - b.age);按照年龄升序排列//默认升序undefined被排到最后

  2.array.prototype.tosorted();升序

  3.array.sortby();对多个数组排序

3.数组去重

  1.Array.from(new set(arr));es6的set,无法去掉空对象

  2.for循环用splice去重

  3.创建一个新的数组,用indexof在新数组里查找

  4.先sort,然后找前后是否相同

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.ulsteruni.cn/article/80022734.html

如若内容造成侵权/违法违规/事实不符,请联系编程大学网进行投诉反馈email:xxxxxxxx@qq.com,一经查实,立即删除!

相关文章

promise和vue-router

认真学习前端第三天打卡 1.promise的输出题,看了一会没看完,头痛 2.学习了vue-router的基础文档 1.router-link:可以用作导航栏,要在router->index.js里写路径(做链接)2.动态路由$route.params.id相应路由参数变化?捕获路由?3.路由的匹配语法?4.嵌套路由:使router …

rockerMQ双主双从集群搭建

总体架构集群工作流程启动NameServer,NameServer起来后监听端口,等待Broker、Producer、Consumer连上来,相当于一个路由控制中心。 Broker启动,跟所有的NameServer保持长连接,定时发送心跳包。心跳包中包含当前Broker信息(IP+端口等)以及存储所有Topic信息。注册成功后,N…

windows环境下单机运行pyspark

首先在windows系统中安装pyspark,具体过程可以参考以下两个地址 https://mp.weixin.qq.com/s/Bt6qrE3sGUSCm_BaA33C6A https://edu.hellobi.com/course/282/play/lesson/6501 安装好之后,在cmd中输入pyspark,可以看到以下界面接下来通过以下代码,实现第一个pyspark程序,该…

9.22 随笔

现在已经过了12点了,但是跟刚记完单词,补一篇日记。 1.上午在下雨,窝寝室了,由于和对象闹小矛盾了心情不太好,下午出去逛了逛,景色挺好,下午回来买了10块钱的百香林,吃着不错,几个月没吃过了,偶尔放纵。晚上依旧的班会,外加启航考研的老师科普考研。收获不多,只是提…

分布式锁

为什么需要分布式锁? 在多线程环境中,如果多个线程同时访问共享资源(例如商品库存、外卖订单),会发生数据竞争,可能会导致出现脏数据或者系统问题,威胁到程序的正常运行。 举个例子,假设现在有 100 个用户参与某个限时秒杀活动,每位用户限购 1 件商品,且商品的数量只…