Vue3.5常用特性整理
Vue3.5 发布已近半年,抽空整理下常用的新增/改动特性响应式 Props 解构
Vue3.5 中 Props 正式支持解构了,并添加了响应式跟踪
设置默认值
使用 JavaScript 原生的默认值语法声明 props 默认值
以前
const props = withDefaults(
defineProps<{
count?: number
msg?: string
}>(),
{
count: 0,
msg: 'hello'
}
)现在
const { count = 0, msg = 'hello' } = defineProps<{
count?: number
message?: string
}>()响应式解构
当在同一个 Name: data-allow-mismatch
如果客户端值不可避免地与其服务端对应值(例如日期)不同,我们可以使用属性 data-allow-mismatch 来避免由此产生的激活不匹配警告
{{ data.toLocaleString() }}还可以指定特定类型。允许的值有:text,children (仅允许直接子组件不匹配),class,style,attribute
其他
useTemplateRef()
返回一个浅层 ref,可以更直观的绑定元素,同时也支持动态绑定
<template>
<input ref="input1" />
<input ref="input2" />
</template>其他不常用的就不在说明了
来源:程序园用户自行投稿发布,如果侵权,请联系站长删除
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!
页:
[1]