computed 计算属性说明
computed 表示计算属性，通常是用来进行数据处理。
比如日常在模板中我们渲染数据的时候一般是使用 双括号 来进行展示数据，但是有的时候，获取到的数据并不是我们想要的类型，我们可以在 双括号 中编写表达式转换成我们需要的类型
但是呢，这样做简单的还可以，如果相对复杂的格式在 双括号 中编写的话就会造成模板代码繁琐，不易维护和阅读，所以这并不是最好的编码习惯，因此，vue3 也为我们提供了一些好的解决方案，计算属性就是其中一种。
计算属性可以帮我们将数据转换成需要展示的数据格式，不必在模板中编写大量的表达式进行处理。
计算属性使用
首先呢，使用 computed 需要引入
我们编写一个案例
但是有一点需要注意！
如果我们直接修改计算属性的值会报一个错误！
这个意思就是计算属性是只读的不允许修改
如果传递给 computed 的是一个函数，那么这就是一个 getter 函数，我们只能获取它的值，而不能直接修改它。
那我需要修改计算属性的值，我们需要怎么操作呢？其实很简单，只需要传进去一个对象。
也就是说，计算属性传入一个对象， 包含get 和 set 函数， 就能实现创建一个可以修改的计算属性。
总结
- vue.3.0 中要从vue 按需导入 computed 计算属性。
- 如果传入的是一个getter 函数， 会返回一个不允许修改的计算属性。
- 使用ref 创建一个响应式对象， 在模板中使用不用自动解套， 直接渲染使用。
- 传入一个对象， 包含get 和 set 函数， 就可以创建一个可以修改的计算属性。
- 只可以获取值，不允许修改值，直接使用 computed 计算属性使用箭头函数。
- 既可以获取值， 也可以修改值， computed 计算属性中传入一个对象， get 方法 和 set 方法。