本文主要是介绍2021-06-02 计算属性侦听器，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
计算属性和侦听器
模板内表达式用于简单运算，当过长或逻辑过复杂时，难维护。
Vue通过watch选项提供了一个更通用的方法响应数据的变化
对需要在数据变化时执行异步操作或开销较大的操作最有效。
所有计算属性均以函数形式写在Vue的实例的computed选项内。
计算属性用法：在一个计算属性中可完成复杂逻辑，包括运算、函数调用等，只要最终返回一个结果即可。
computed：{
price：function：{ *** ，return price }
}
计算属性也可作用于转变props
为什么有method还用计算属性？
计算属性的缓存：
计算属性是基于它的缓存，一个计算属性所依赖的值变化，它才会重新取值。
method不同: 只要重新渲染，它就会被调用，函数就会执行。
遍历大数组或计算量大时用计算属性。
除非不需要缓存，用method
侦听器 watch：
观察和响应vue实例上数据的变化。
数据需要随其他数据的变动而变动时。
watch:{firstname:function(val){this.fullname=val+firstname}}
计算属性VS侦听器：
有时需自定义则用侦听器
这篇关于2021-06-02 计算属性侦听器的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
