上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中已经定义过的变量。