# vue2 - 升级 vue3 注意事项

# 组件生命周期

  • destroyed -> unmounted
  • beforeDestroy -> beforeUnmount

# 模板指令

  • v-bind.sync -> v-model:argument

# emits

当使用了和原生事件重名的事件时,需要指定。否则会多次执行。

官方文档 (opens new window)

  • emits 是记录了当前组件的事件列表,类型: Array | Object
  • 若为 Object ,可以添加 emit 事件的校验,校验传递的参数是否符合。(返回值应是 boolean )
  • 可以解决自定义事件名与原生事件相同导致事件执行两次的问题。(比如:click)

# this

setup 里面是没法访问 this 的,所以以前直接使用 this.$routerthis.$route 是不行的。要使用 useRouter 函数。

# 全局 Api

  • this.$nextTick -> nextTick
上次更新: 3/31/2023, 11:36:14 AM