浅析--Vue之计算属性 vs Methods

相信了解Vue的人都知道计算属性computed,在表面上看来computed和methods都能达到同样的效果,比如:

methods: {
      reversedMessage: function () {
        return this.message.split('').reverse().join('')
      }
    },
    computed: {
      reversedMessage: function () {
        // `this` points to the vm instance
        return this.message.split('').reverse().join('')
      }
    }

但是存在即合理,computed的特性就是可以把计算的值缓存,只有在相关依赖发生改变时才会重新求值,而methods每次都会重新求值,所以在遇到大量计算或者遍历一个极大的数组时,前者的好处就不言而喻了。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容