vue2 升级 Vue3 遇到的问题记录

 uniapp使用官网

1、vue3路由跳转时不触发beforeDestroy

 原因：vue增加了新的生命周期（钩子函数）

Vue2--------------vue3  生命周期对比

beforeCreate（vue实例化，组件创建之前） -> setup()
created（实例创建完成） -> setup()
beforeMount（组件挂载到页面之前执行） -> beforeMount
mounted （组件挂载到页面之后执行）-> mounted
beforeUpdate（组件更新之前） -> beforeUpdate
updated（组件更新之后） -> updated
beforeDestroy（离开当前路由时调用，组件卸载之前） -> beforeUnmount
destroyed（组件销毁之后） -> unmounted
errorCaptured -> errorCaptured

activated     ->  activated
deactivated   ->  deactivated
errorCaptured ->  errorCaptured

解决方法：beforeDestroy 换成beforeUnmount即可

 2、vue2和vue3的计算属性区别

vue2返回页面会执行计算属性

vue3 返回页面不会执行计算属性，放在watch