七、Vue.js—methods VS watch VS computed

一、methods

  • 保存自定义方法
    1.要么作为事件绑定,在事件触发时才执行
    2.要么主动加()调用执行
  • 问题
    vue不会缓存methods中方法的执行结果,重复调用几次,就重复计算几次—效率低

二、computed

  • 保存自定义计算属性
    1.不会自己手动调用
    2.都是通过在页面上使用绑定语法自动触发执行,且不用加()
  • 优点
    vue会缓存computed属性的计算结果,只要所依赖的其他变量值不变,则computed就不会重复计算,而是优先使用缓存中保存的值—效率高

三、watch

  • 保存所有监视函数
    1.不需要自己调用,也不需要绑定
    2.只要被监视的变量值改变,就自动触发

总结

  • 更侧重于获得计算结果时,优先使用computed
  • 不关心计算结果,单纯执行一项操作时,应该使用methods
  • 只要希望变量值每次改变时,都自动执行一项操作,就用watch
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容