VUE3 日常笔记3

今天的主要内容是vue3的setup,computed,watch

setup是vue3的特性,但是一般在写的时候是

setup(){

}

return{}

这样的方式出现,会将setup里的东西return出去才可以在标签上使用,但是这种比较繁琐,所以出现了setup语法糖<script setup><script>使用起来非常方便。但是在setup里this则不再适用。

ref和reactive都是一种响应式的存在,ref依赖于reactive,reactive一般直接收对象,ref比较灵活,用的时候也比较推荐于ref。在使用的时候,要先引入。

ref对象说到底还是对象,值都放在value中,在使用的时候需要注意,但是在标签上使用的时候可以不加value。

computed是一种计算属性,注意他是属性和一般的方法还是有区别的,只有在箭头函数里面涉及到的变量发生改变时,才会重新计算,具有一种缓存的效果。

watch,就是一个监听的东西,一旦值发生改变就会触发

第一个参数是需要监听的值,当然箭头函数里面可以做很多事

当出现不知一个值需要监听的情况的话,那么就用中括号把需要监听的对象框起来

watch还有需要注意的地方,一个是immediate和deep,immediate就是在监听的值没有发生改变之前,就会调用箭头函数里面的东西,deep是在深度监听的时候会需要使用。

作为watch的第三个参数

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值