vue3学习记录

1、组合式API
既然有和vue2一样的options和组合式可选,那学options等于和以前一样啊,还不如改为学习组合式;
组合式就是把所有之前的options拆分
data部分可以拆成:ref() reactive() 函数传入参数,return 出一个响应式对象,这样return出来的可以在任何地方使用;[ref在script中需要通过.value方式访问]
(第一个感受就是:我还要vuex干嘛?我单独建立一个ts文件,return出公共响应式,然后谁需要谁引入就是了,反正数据肯定是响应式的)

2、vue3中defineProps和defineEmits只能在setup中使用
这两个函数我在尝试抽出到hooks时,发现无法得到值;
definePros拿到的值是空
调用emit报错: $setup.emit is not a function

3、hooks
在vue3中使用hook函数可以对vue文件中的代码进行拆分整理便于维护,创建对应的hooks文件,导出页面所需的data, function 等;data的导出一般使用是useXXX函数,导入时调用函数useXXX()并得到返回值,返回值作为引入的data使用;

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值