vue的那点事-computed计算属性 VS methods方法

15 阅读1分钟
  • computed计算属性:

  • 作用:封装了一段对数据的处理,求得一个结果

  • 语法:

  • 1、写在computed配置项中

  • 2、作为属性,直接使用--this.计算属性 {{计算属性}}

  • 缓存特性(提升性能)

  • 计算属性会对计算出来的结果缓存,再次使用直接读取缓存,依赖项变化了,会自动重新计算---并再次缓存

  • //计算属性:有缓存的,一旦计算出来结果,就会立刻缓存

  • // 下一次读取---直接读缓存就行---性能特别高

  • methods方法:

  • 作用:给实例提供一个方法,调用以处理业务逻辑

  • 语法:

  • 1、写在methods配置项中

  • 2、作为方法,需要调用--this.方法名() {{方法名()}} @事件名=“方法名”