Vue3.5常用特性整理

Vue3.5 发布已近半年，抽空整理下常用的新增/改动特性
响应式 Props 解构

Vue3.5 中 Props 正式支持解构了，并添加了响应式跟踪
设置默认值

使用 JavaScript 原生的默认值语法声明 props 默认值
以前

1. const props = withDefaults(
2.   defineProps<{
3.     count?: number
4.     msg?: string
5.   }>(),
6.   {
7.     count: 0,
8.     msg: 'hello'
9.   }
10. )

复制代码

现在

1. const { count = 0, msg = 'hello' } = defineProps<{
2.   count?: number
3.   message?: string
4. }>()

复制代码

响应式解构


当在同一个       Name:      [/code]data-allow-mismatch

如果客户端值不可避免地与其服务端对应值（例如日期）不同，我们可以使用属性 data-allow-mismatch 来避免由此产生的激活不匹配警告

1. {{ data.toLocaleString() }}

复制代码

还可以指定特定类型。允许的值有：text，children (仅允许直接子组件不匹配)，class，style，attribute
其他

useTemplateRef()

返回一个浅层 ref，可以更直观的绑定元素，同时也支持动态绑定

1. <template>
2.   <input ref="input1" />
3.         <input ref="input2" />
4. </template>

复制代码

其他不常用的就不在说明了

来源：程序园用户自行投稿发布，如果侵权，请联系站长删除
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！

收藏一下   不知道什么时候能用到

前排留名，哈哈哈