Vue中method,computed,watch的区别。
2018-01-07 20:35
876 查看
1.method:方法
只要数据变化就会重新渲染页面2.computed:计算属性
具有缓存功能,只有当计算属性依赖的值发生变化的时候,计算属性重新计算,缓存才失效。与其依赖的值无关的数据变化时,不影响缓存的数据。get( ) :必须有return,return的结果为计算属性的值。 作用就是输出计算属性。
set( val ) : 给计算属性赋值时,出发set( )函数。val是给计算属性赋的值。
不支持异步功能。
数据量大,需要缓存的时候用computed;每次确实需要重新加载,不需要缓存时用methods。
3.watch:监控属性
handler( ){ } 该回调函数可以对监控的数据进行操作。deep:true 深度监控(监控多层数据)。
缺点是代码重复。尽量用computed计算属性来监视数据的变化,因为它本身就这个特性,用watch没有computed“自动”,手动设置使代码变复杂。
相关文章推荐
- Vue中method,computed,watch的区别。
- vue生命周期、computed属性和 method方法、watch 属性区别
- Vue中computed(计算属性)、methods、watch的区别
- vue中computed和watch区别
- vue学习05--Vuejs中computed、methods、watch的区别[2]
- vue.js中的computed和methods和watch之间的区别
- Vue中method与computed的区别
- vue computed 与 watch 区别
- vue学习04--[转发]Vuejs中computed、methods、watch的区别
- vue中watch和computed属性作用及区别
- Vue.js的computed和watch用法及区别
- Vue的watch和computed方法的使用及区别介绍
- VUE之watch与computed
- computed属性和watch属性的区别之二【computed的基本用法】
- vue开发:vue中computed 和 watch的异同
- Vue filter computed watch 的用法
- computed属性和watch属性的区别之三【购物车之watch】
- Vue中computed,methods,watch用法上的异同
- Vue中computed与methods的区别详解
- vue.js的computed,filter,get,set的用法及区别