在vue生成的实例中,有一个methods对象和computed对象,都是用来存放方法的
computed计算属性: 但是methods中,需要用到计算或者逻辑运算的方法,通常将其放置在computed属性中,本质是个方法,即内部放置了大量的方法,这类方法比较特殊,内部包含大量的计算过程或者逻辑运算,最终得到计算的结果,即return。
注意事项:调用computed属性中的方法时,不能加括号,类似于调用data中的数据的方式调用函数
而methods中的方法:当事件调用执行时,可加括号也可不加括号(使用时与原生js一样),正常执行函数时,需要加括号
两者的唯一区别:
methods中的方法:调用一次,内部代码重新执行一次
computed中的方法: 会缓存上一次的计算结果,只有当内部依赖的变量发生改变时才会执行代码,否则始终调用上一次的缓存结果。