uniapp项目vue2升级vue3

看到好多开源项目都升级了vue3，看文章说vue3性能升级很多，而且组合式api很香，遂把最近开发的自助洗车app升级下，在此记录下出现的问题。

uniapp升级vue3官方指南

1. 我是先去vue官网看了下vue3的组合式api，有个大概了解，方便升级使用。
2. 然后根据uniapp升级vue3官方指南把框架层面的先更改。
3. 测试访问没问题后再做代码上的更改。（vue3兼容vue2的代码风格）

把代码风格改为组合式api

简单总结组合式api就是把原有的data，methods等等这些以前分开的代码块，都可以放在一起了，其他的刚开始不要多想。因为我第一遍在看vue官网的时候，看的稀里糊涂。

1. vue2的data和mehtod代码：

data() {
   
			return {
   
				dataA: {
   },
				dataB: [],
				...
			}
	},
methods: {
   
			methodA() {
   },
			methodB() {
   },
			...
}
		

vue3的data和mehtod写法：

import {
   ref,reactive,toRefs} from 'vue'
setup() {
   
	#方式1(这是我刚开始的写法)
	#这个写法有个很大的弊端就是如果我定义了很多data和method后，return代码会出现很长
	#return{a,b,c,d,e,f,g........}
	const dataA = ref({
   })
	const dataB = ref([])
	const methodA = () => {
   
		#注意:必须加value
		console.log(dataA.value);
	}
	const methodB =