computed原理

computed是Vue.js中的一个计算属性，它实际上就是一个函数，用于根据已有的属性计算出一个新的属性值。当计算属性所依赖的属性发生变化时，计算属性也会重新计算。相对于直接在模板中写一些逻辑计算，使用计算属性可以使代码更加清晰和简洁。

computed原理其实很简单，就是利用了Vue.js对JavaScript对象getter的拦截。当我们在Vue实例中定义了一个计算属性时，Vue会将该计算属性的getter函数注册到该计算属性所依赖的所有属性的getter函数中。这样当计算属性所依赖的任何一个属性被访问时，就会触发该计算属性的getter函数，从而重新计算计算属性的值。