Vue中method,computed,watch的区别。

1.method:方法
  • 只要数据变化就会重新渲染页面
2.computed:计算属性
  • 具有缓存功能,只有当计算属性依赖的值发生变化的时候,计算属性重新计算,缓存才失效。与其依赖的值无关的数据变化时,不影响缓存的数据。
  • get( ) :必须有return,return的结果为计算属性的值。 作用就是输出计算属性。
  • set( val ) : 给计算属性赋值时,出发set( )函数。val是给计算属性赋的值。
  • 不支持异步功能。
  • 数据量大,需要缓存的时候用computed;每次确实需要重新加载,不需要缓存时用methods。
3.watch:监控属性
  • handler( ){ } 该回调函数可以对监控的数据进行操作。
  • deep:true 深度监控(监控多层数据)。
  • 缺点是代码重复。尽量用computed计算属性来监视数据的变化,因为它本身就这个特性,用watch没有computed“自动”,手动设置使代码变复杂。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值