Vue3.5与Vue3新功能对比
创始人
2024-09-25 04:49:45
0次

一、props解构，默认值

vue3

const { count = 0, message = 'hello' } = withDefaults(   defineProps<{     count?: number     message?: string   }>(),   {     count: 0,     message: 'hello'   } )

vue3.5 

const { count = 0,message = 'hello'} =  defineProps<{   count?: number;   message?: string; }>()

二、useId

全局唯一id-----一个app内 

const id = useId()

三、useTemplateRef

通过ref获取dom

vue3

const button = ref(null)

vue3.5 

const el = useTemplateRef('button') console.log(el, 'dom')

四、watch新增 onCleanup回调

vue3.5

onCleanup---下一次watch执行前触发---可以在这里移除上一次watch

watch(count, (newVal, oldVal, onCleanup) => {   const handler = () => {     console.log(newVal, 'newVal')   }   addEventListener('click', handler)   onCleanup(() => {     removeEventListener('click', handler)   }) })

完整代码

上一篇：一个php快速项目搭建框架源码，带一键CURD等功能

下一篇：软件部署-NEMO在LIinux系统上的安装教程

相关内容

热门资讯

正版授权！微信拼三张房卡多少钱... 微信游戏中心：拼三张房卡，添加微信【55051770】，进入游戏中心或相关小程序，搜索“微信拼三张房...
正版授权！微信链接拼三张房卡怎... 微信游戏中心：拼三张房卡，添加微信【33903369】，进入游戏中心或相关小程序，搜索“微信拼三张房...
分享！拼三张房卡多少钱一张/牛... 拼三张是一款非常受欢迎的棋牌游戏，咨询房/卡添加微信:33699510许多玩家在游戏中会购买房卡来享...
正版授权！微信牛牛房间房卡购买... 微信游戏中心：炸金花房卡，添加微信【8488009】，进入游戏中心或相关小程序，搜索“微信炸金花房卡...
正版授权！微信上玩拼三张房卡哪... 微信游戏中心：拼三张房卡，添加微信【55051770】，进入游戏中心或相关小程序，搜索“微信拼三张房...
正版授权！微信大厅斗牛房卡怎么... 微信游戏中心：炸金花房卡，添加微信【33903369】，进入游戏中心或相关小程序，搜索“微信炸金花房...
分享！在微信里怎么开炸金花房间... 炸金花是一款非常受欢迎的棋牌游戏，咨询房/卡添加微信:33699510许多玩家在游戏中会购买房卡来享...
正版授权！拼三张怎么买房卡创建... 微信游戏中心：拼三张房卡，添加微信【8488009】，进入游戏中心或相关小程序，搜索“微信拼三张房卡...
正版授权！微信上玩拼三张房卡找... 微信游戏中心：拼三张房卡，添加微信【55051770】，进入游戏中心或相关小程序，搜索“微信拼三张房...
分享！微信群炸金花房卡到哪里买... 炸金花是一款非常受欢迎的棋牌游戏，咨询房/卡添加微信:33699510许多玩家在游戏中会购买房卡来享...
正版授权！购买牛牛房卡联系方式... 微信游戏中心：牛牛房卡，添加微信【33903369】，进入游戏中心或相关小程序，搜索“微信牛牛房卡”...
正版授权！微信链接牛牛房卡充值... 微信游戏中心：炸金花房卡，添加微信【8488009】，进入游戏中心或相关小程序，搜索“微信炸金花房卡...
分享！微信炸金花房卡怎样开/冷... 炸金花是一款非常受欢迎的棋牌游戏，咨询房/卡添加微信:33699510许多玩家在游戏中会购买房卡来享...
正版授权！微信上玩牌九怎么买房... 微信游戏中心：炸金花房卡，添加微信【55051770】，进入游戏中心或相关小程序，搜索“微信炸金花房...
正版授权！微信牛牛购买房卡，如... 微信游戏中心：炸金花房卡，添加微信【33903369】，进入游戏中心或相关小程序，搜索“微信炸金花房...
正版授权！拼三张链接金花房卡怎... 微信游戏中心：拼三张房卡，添加微信【8488009】，进入游戏中心或相关小程序，搜索“微信拼三张房卡...
分享！微信群牛牛房间怎么开/超... 牛牛是一款非常受欢迎的棋牌游戏，咨询房/卡添加微信:33699510许多玩家在游戏中会购买房卡来享受...
正版授权！微信牛牛房卡哪里买的... 微信游戏中心：牛牛房卡，添加微信【55051770】，进入游戏中心或相关小程序，搜索“微信牛牛房卡”...
正版授权！拼三张可以创建房间房... 微信游戏中心：拼三张房卡，添加微信【33903369】，进入游戏中心或相关小程序，搜索“微信拼三张房...
分享！微信好友炸金花房卡跟谁买... 炸金花是一款非常受欢迎的棋牌游戏，咨询房/卡添加微信:33699510许多玩家在游戏中会购买房卡来享...