一、methods
- 保存自定义方法
1.要么作为事件绑定,在事件触发时才执行
2.要么主动加()调用执行 - 问题
vue不会缓存methods中方法的执行结果,重复调用几次,就重复计算几次—效率低
二、computed
- 保存自定义计算属性
1.不会自己手动调用
2.都是通过在页面上使用绑定语法自动触发执行,且不用加() - 优点
vue会缓存computed属性的计算结果,只要所依赖的其他变量值不变,则computed就不会重复计算,而是优先使用缓存中保存的值—效率高
三、watch
- 保存所有监视函数
1.不需要自己调用,也不需要绑定
2.只要被监视的变量值改变,就自动触发
总结
- 更侧重于获得计算结果时,优先使用computed
- 不关心计算结果,单纯执行一项操作时,应该使用methods
- 只要希望变量值每次改变时,都自动执行一项操作,就用watch