星辰大海

世界上的开源许可证，大概有上百种。很少有人搞得清楚它们的区别。即使在最流行的六种----GPL、BSD、MIT、Mozilla、Apache和LGPL----之中做选择，也很复杂。

准备静心理解一下 JS 中的原型，仔细一查，网上各有各的理解，各有各的缺点，让人眼花缭乱，看不通透。本文将从原理手，由浅入深地理解原型的概念。

前言

在 vue 自定义事件中，子组件会通过 emit 向父组件传递参数，父组件执行回调函数。但是有时候父组件再执行回调时也需要传入参数，如果直接给父组件回调函数传入参数会覆盖掉子组件的参数。我们有三种解决办法。

正文

$event 方法

1
2
3
4
5
6
7
8
9
10
11
12

// 子组件中 Child.vue
<script setup>
  const { proxy } = getCurrentInstance()
  function edit (item) {
      console.log('子组件参数', childParam)
      proxy.$emit('edit', childParam)
  }
</script>


// 父组件接收参数
<Child @edit="editFun($event, parentParam)"></Child>

当子组件有参数返回时，在父组件中使用 $event 作为占位符，这里 $event 就代表了子组件返回的参数。这里 $event 位置没有限制，可以在第一位，也可以在最后一位。

局限性： 只适合子组件返回一个参数的情况，如果子组件有多个参数返回，只能接收到第一个参数

箭头函数法

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

// 子组件中 Child.vue
<script setup>
  const { proxy } = getCurrentInstance()
  function edit (item) {
      proxy.$emit('edit', childParam1, childParam2)
  }
</script>

......

// 父组件接收参数
<Child @edit="(param1,param2)=>editFun(param1,param2,parentParam)""></Child>

<script setup>
function editFun(p1,p2,p3){
  ...
}
</script>

这种方法利用了一个箭头函数先把子模块返回的参数接收，然后再传递到回调函数中。

使用是注意先接收子模块返回的参数，此方法对参数个数没有限制

arguments 方法

此方法类似于方法一，只不过是用 arguments 作为占位符,这里 argument 是一个数组

1
2
3
4
5
6
7
8

// 父组件接收参数
<Child @edit="editFun(arguments, scope.row)"></Child>

<script setup>
function editFun(p1,p2){
  ...
}
</script>

参考

本文摘抄至以下文章，在此表示诚挚感谢！

1. Vue3自定义事件中，子组件有返回参数，父组件也有参数的处理方法

ventoy 是一款超级方便的系统安装软件。在利用 ventoy 给一些老电脑安装系统时，发现无法选择安装盘符，提示无法安装在 MBR 分区上。

本文记录了如何向私有镜像管理器（verdaccio）中新建用户并发布本地包的方法。

echarts 是百度开源的一个绘制图表库，号称是百度最良心的作品。本文将主要介绍 echarts 配置的相关概念，在使用时，可以按需去查找相关 api。

通过 nrm(npmregistry manager) 可以很方面的管理和切换 npm 的镜像源。

yarn 的常用命令如下：

通过 yrm(yarn registry manager) 可以很方面的管理和切换 yarn的镜像源。

为什么选择 Lodash ？

Lodash 通过降低 array、number、objects、string 等等的使用难度从而让 JavaScript 变得更简单。 Lodash 的模块化方法 非常适用于：

• 遍历 array、object 和 string
• 对值进行操作和检测
• 创建符合功能的函数

下面是本人在阅读文档时，对遇到的一些让人觉得非常好用的函数的整理。

文档版本：4.17.15