Vue.js从入门到项目实践(超值版)
上QQ阅读APP看书,第一时间看更新

4.4.1 面试技巧与解析(一)

面试官:computed、methods、watch的区别?

应聘者:

(1)computed:计算属性是用来声明式地描述一个值依赖了其他的值。当在模板中把数据绑定到一个计算属性上时,Vue会在其依赖的任何值导致该计算属性改变时更新DOM。这个功能是非常强大的,它可以让代码更加声明式、数据驱动且易于维护。

(2)methods:methods函数绑定事件调用,不会使用缓存。

(3)watch:监听的是定义的变量。当定义变量的值发生变化时,调用对应的方法。在<div>中编写一个表达式name,在data中写入num和lastname、firstname。在watch中,当num的值发生变化时,就会调用num的方法,方法里面的形参对应的是num的新值和旧值,而在computed中,计算的是name依赖的值,它不能计算在data中已经定义过的变量。