vue3.0(第三篇)使用篇

本文详细介绍了Vue3中的setup函数,它是组合API的入口,用于初始化组件的状态和设置响应式属性。此外,文章讨论了ref和reactive的区别,ref用于监听简单类型的改变,而reactive则适用于复杂类型的响应式需求。还展示了如何使用{{插值}

1.setup (){ }函数

他是组合api的入口函数

2.定义变量和定义方法

ref :const xx =ref(初始值) 无初始值设置为null,返回一个Ref对象,即reference引用对象

ref 只能监听简单类型的变化,不能监听复杂类型的变化

reactive是监听复杂类型的变化

{{插值}} 

触发事件(不需要定义在methods中,直接定义即可) 

执行简单的js

3.监听数组 reactive

监听方法

或者!!!!可以这样写!!对比上面的代码 看下不同就明白啦~~~~

可以解决vue2.0业务逻辑分散的问题,这样可以写到一起

form里面(你也可以把这个写成上图的方法)

封装方法

 

评论 1
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值