(1)JavaScript 表达式:方法最为简单,不需要学习新的属性和概念就可以直接使用,但是它只有简单的运用场景(比如,简单的字符串拼接),当应用常见变得复杂的时候(如购物车)这种方式就不在适用了。

(2)method 方法:method 方法的形式可以帮助我们应对一个复杂的场景,当页面重新渲染的时候,method 方法每次都会执行。如果页面有大量的渲染动作,并且大量的渲染动作与动态数据计算无关的话,使用这种方式会带来一定的性能浪费。

(3)watch 属性:使用 watch 属性可以对数据进行监听,当被监听的数据发生变化的时候,对应的数据监听方法会被调用,watch 属性同样可以帮助我们应对一个复杂的操作,并且可以提供异步的事件处理。当需要监听一个目标数据的变化时,这种方式是一种非常好的选择,同时如果目标数据有多个 (firstName、lastName),多个目标数据共同影响一个结果数据的话 (fullName),这种监听方式会让人觉得比较奇怪。

(4)computed 属性:computed 属性也是 Vue 中大力推广的一个特性,它会通过声明的方式来确定依赖的关系,只有依赖数据发生响应式变化的时候,才会调用 computed 属性的 getter 方法,并且 computed 属性默认提供了缓存机制,如果依赖数据并没有发生响应式变化,computed 属性不会重新计算,而只是读取缓存数据。

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐