Vue.js 计算属性：原理、区别和优势

Vue.js 的计算属性是一种根据已有数据计算出新值的属性。计算属性的值是基于它所依赖的数据的值动态计算而来的，并且计算结果会被缓存，只有在依赖的数据发生变化时才会重新计算。

与普通方法不同的是，计算属性是基于响应式依赖进行缓存的，只有当计算属性的依赖发生变化时才会重新计算，而普通方法每次调用时都会执行一遍逻辑。所以，使用计算属性可以提高应用程序的性能。此外，计算属性也可以像普通属性一样绑定在模板中，使得代码更加简洁易懂。