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'
}
})