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