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'
		}
	})
相关推荐
IT_陈寒3 分钟前
SpringBoot性能翻倍秘籍:从自动配置到JVM调优的7个实战技巧
前端·人工智能·后端
How_doyou_do11 分钟前
JS之刷刷
开发语言·javascript·ecmascript
叮咚前端15 分钟前
vue3笔记
前端·javascript·笔记
薛定谔的算法32 分钟前
面试官问箭头函数和普通函数的区别?这才是面试官最想听到的
前端·javascript·面试
pepedd86432 分钟前
AI Coding 最佳实践-从零到一全栈项目编写
前端·aigc·trae
砂糖橘加盐33 分钟前
非 AI 时代前端是如何设计一个组件的
前端·javascript·vue.js
艾小码38 分钟前
告别JavaScript类型转换的坑:从隐式陷阱到显式安全指南
前端·javascript
LEAFF40 分钟前
性能优化工具Lighthouse操作指南
前端
Cache技术分享1 小时前
176. Java 注释 - 类型注释和可插入类型系统
前端·后端
粥里有勺糖1 小时前
视野修炼-技术周刊第125期 | nano-banana
前端·github·aigc