vue中计算属性和方法的区别，演示代码

第一个，使用计算属性，来修改数据

   

        
{{ now }}"
        
{{msg}}
      
      
      

　第二种，使用方法来修改数据

 

        
{{ now() }}"
        
{{msg}}
      
      
      

　　区别和联系

• 两者的执行结果是完全相同的
• 计算属性是基于他们的依赖进行缓存的，只有在相关依赖发生改变时，他们才会重新求值，也就是说，只要他的依赖没有发生变化，那么每次访问的时候计算属性都会立即返回之前的计算结果，不再执行函数
• 每次触发重新渲染时，调用方法将总会再次执行函数
• 上方两个例子，计算属性将总会返回相同值，而方法则不会

　　另一个例子

　　

    

        
{{msg}}
        
{{ reversedMessage()}}"
        

        {{ceshi}}
    

    

　　再总结：计算属性中的函数，只有在依赖改变的时候，才会执行。方法中的函数，数据一遍，这个函数也会执行。

　　会不会执行，通过console.log来打印判断