computed:计算属性应用

我们平时写的模板中的表达式虽然方便，但也只能用来做简单的操作

如果在模板中写太多逻辑，会让模板变得繁琐，难以维护和使用

因此我们推荐使用计算属性来解决依赖响应式状态的复杂逻辑

计算属性缓存应用 与方法的应用,

它们不同之处在于计算属性值会基于其响应式依赖被缓存

就是说一个计算属性仅会在其响应式依赖(页就是定义的变量)更新时才重新计算

相比之下，方法调用总是会在重渲染发生时再次执行函数,这意味着只要 author.books 不改变，无论多少次访问 publishedBooksMessage 都会立即返回先前的计算结果，而不用重复执行 getter 函数。

需要像ref一样把computed引入进来

computed和function方法区别在于computed属性是可以缓存的,不会重复调用或执行这个函数

记得在js层次变量后面加value，不然会输出字符串

最后就是计算属性默认是只读的,

我们尽量避免直接修改计算属性值,只要用computed定义的计算属性,那么你把它当成一个ref响应状态就行了

还有就是计算函数中必须要有return