vue3注意事项

1、ref响应式数据的改动需要通过 .value赋值

reactive定义的数据 数组则只能通过使用数组的方法来更替。

2、vue3不再支持filter数据过滤，但更接近react，所以可以使用

//c.count需要过滤的数据
<text class="trolley-count">{{trolleyCount(c.count)}}</text>const trolleyCount = (_count:number) =>{if(_count === 0){return 0}else if(_count<100){return _count}else{return '99+'}
}

3、vue3不适合使用this，所以refs也没办法this.$refs，但是可以使用ref（vue3非vue2的）创建一个NULL的绑定数据

<div ref="popup"></div>const popup = ref(null);

4、props接收参数的方式也改为了defineProps

import { defineProps} from 'vue'const props = defineProps({id:{type:String,default: '0'}})