vue 计算属性和侦听器的使用小结

  
       
    
  
  
    
			
{{ message }}
			
{{ reversedMessage }}
    
    
  

解释：我们在属性computed中定义了计算属性reversedMessage，这里提供的函数将作为计算属性reversedMessage的getter函数。

计算属性默认只有getter，不过我们可以提供一个setter。

  
       
    
  
  
    
			
{{ message }}
			
{{ reversedMessage }}
			
    
    
  

  
       
    
  
  
    
			
{{ message }}
			
{{ reversedMessage }}
			
{{ reversedMessage1() }}
    
    
  

注意：虽然通过计算属性和方法，都可以达到同样的效果，但是计算属性是基于它们的响应式依赖进行缓存的。只在相关响应式依赖发生改变时它们才会重新求值。

通过Vue实例的watch属性可以侦听数据的变化。

  
       
    
  
  
    
			
{{ message }}
			反转
    
    
  

我们可以通过实例属性vm.$watch达到同样的效果。

  
       
    
  
  
    
			
{{ message }}
			反转
    
    
  

以上就是vue 计算属性和侦听器的使用小结的详细内容，更多关于vue 计算属性和侦听器的资料请关注考高分网其它相关文章！