对第一节课的补充说明

依赖包版本号说明

依赖包中的模块版本都需要遵循semver规范，该规范的标准版本号采用 X.Y.Z 的格式。

常见的版本范围信息有下面这几种

• ~ version 会匹配最近的小版本依赖包，比如~1.2.3会匹配所有1.2.x版本，但是不包括1.3.0

• ^version 会匹配最新的大版本依赖包，比如^1.2.3会匹配所有1.x.x的包，包括1.3.0，但是不包括2.0.0

• version 版本必须与版本完全匹配，比如1.2.3，下载的包版本一定是1.2.3

• alpha：是内部测试版,一般不向外部发布,会有很多 Bug.一般只有测试人员使用。

• beta：也是测试版，这个阶段的版本会一直加入新的功能。在alpha版之后推出。

• rc(Release Candidate)：最终测试版本；可能成为最终产品的候选版本，如果未出现问题则可发布成为正式版本。

• 比如：1.2.0-beta.1，1.0.1-alpha.1，3.0.0-rc.1

正常情况下依赖包的作者在更新依赖包的时候会遵循如下规范

• X：这个版本号变化了表示有不可以和上个版本兼容的大更改。

• Y：这个版本号变化了表示增加了新的功能，并且可以向后（下）兼容。

• Z：这个版本号变化了表示修复了 bug，并且可以向后兼容。

package-lock.json

此文件里面定义的是某个包的具体版本，以及包之间的层叠关系。

提示

虽然说依赖包是有规范的，但是依赖包的作者是自由的，他未必会遵循这个规范去发布他构建的包

所以说 lock 文件是很有用的，它可以锁定安装时的包的版本号，并且需要上传到 git，以保证其他人在安装依赖时大家的依赖能保证一致。

函数调用的几种写法

以下几种写法其实是等价的

<template>
  <div>
    <button @click="test">调用无参方法</button>
  </div>
</template>
<script setup lang="ts">
const test = () => {
  console.log('成功调用了test函数')
}
</script>

<template>
  <div>
    <button @click="test()">调用无参方法</button>
  </div>
</template>
<script setup lang="ts">
const test = () => {
  console.log('成功调用了test函数')
}
</script>

<template>
  <div>
    <button @click="() => test()">调用无参方法</button>
  </div>
</template>
<script setup lang="ts">
const test = () => {
  console.log('成功调用了test函数')
}
</script>

有参等价写法：

<template>
  <div>
    <button @click="test">调用有参方法</button>
  </div>
</template>
<script setup lang="ts">
const test = (e: any) => {
  console.log('成功调用了test函数', e)
}
</script>

<template>
  <div>
    <button @click="test($event)">调用有参方法</button>
  </div>
</template>
<script setup lang="ts">
const test = (e: any) => {
  console.log('成功调用了test函数', e)
}
</script>

<template>
  <div>
    <button @click="(e) => test(e)">调用有参方法</button>
  </div>
</template>
<script setup lang="ts">
const test = (e: any) => {
  console.log('成功调用了test函数', e)
}
</script>

箭头函数定义的写法

以下两种写法是等价的

const add=(a,b)=>a+b;

const add=(a,b)=>{ 
    return a+b; 
}