Uniapp中computed的使用

在Uniapp中，可以使用`computed`属性来定义计算属性。计算属性是根据其他数据而动态计算得出的属性，可以便捷地处理数据，并在模板中使用。

下面是使用`computed`属性的步骤：
 

   <template>
     <div>
       <p>{{ fullName }}</p>
     </div>
   </template>
   
   <script>
   export default {
     data() {
       return {
         firstName: 'John',
         lastName: 'Doe'
       }
     },
     computed: {
       fullName() {
         return this.firstName + ' ' + this.lastName
       }
     }
   }
   </script>

在上述示例中，我们定义了一个计算属性`fullName`，该计算属性通过拼接`firstName`和`lastName`的值得到完整的姓名，并在模板中显示。当`firstName`或`lastName`的值发生变化时，`fullName`会自动更新。

注意，计算属性是基于依赖的，只有当依赖的属性值发生改变时，计算属性才会重新计算。计算属性的结果会进行缓存，如果依赖的数据没有改变，多次访问计算属性会直接返回缓存的值，提高性能。

除了计算属性，还可以使用`watch`属性来观察数据的变化，并执行指定操作。`watch`是更为灵活的选项，可以执行异步操作或者监听多个数据的变化。