- Vue.js从入门到项目实践(超值版)
- 聚慕课教育研发中心编著
- 288字
- 2022-07-29 14:27:43
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中已经定义过的变量。