02-学习vue笔记分享-computed语法.pdfVIP

02-学习vue笔记分享-computed语法

问：Vue实例中computed和methods的区别？

methods与computed两个⽅法有很多相似之处，但是computed这个属性更加优化；

methods是页⾯重新渲染时，它的函数总是会重新调⽤执⾏，⽽computed计算属性是基于缓存依赖的，只有他的相关依赖发⽣

改变时才会重新求值

computed可以完成各种复杂的逻辑，包括运算、函数调⽤等，只要最终返回结果

所以如果在插值表达式中有过于复杂的运算，可以⽤computed计算属性

computed语法的基本使⽤

例如：拼接名字成⼀个完整名字

body

!--被app实例所控制的区域--

divid=appv-if=true

h2{{firstName++lastName}}/h2

h2{{firstName}}{{lastName}}/h2

h2{{getFuName()}}/h2

h2{{f