除了写在computed里，还可以写在哪

在Vue.js中，数据的处理不仅可以写在计算属性（Computed Properties）里，还可以放到以下几个地方：

1. **Methods** (方法)：在方法中你可以编写逻辑来计算结果，并将结果返回。这种方法适用于那些需要执行一定步骤才能得出结果的情况。

   methods: {
     getData() {
       // 这里编写你的复杂计算
       let result = ...;
       return result;
     }
   },
   template: `<div>{{ getData() }}</div>`

2. **Watchers** (观察者)：在Watcher里，你可以指定某个数据对象或属性变化时执行的函数。这可以用于数据的实时监听和反应。

   watch: {
     data: {
       handler(newValue, oldValue) {
         // 数据变化时执行此逻辑
       },
       deep: true, // 如果数据结构深层次变动也触发
     }
   }

3. **Properties** (属性)：对于简单的数据绑定，可以直接在模板上使用`v-bind`或`v-model`，比如直接设置元素的样式、src等属性。

4. **Ref** (引用)：使用ref可以访问到DOM元素或组件实例本身，然后通过这个实例进行修改。

5. **自定义指令**（Custom Directives）：对于更复杂的场景，可以创建自定义指令来进行数据绑定和处理。

每个选择都有其适用场景，需要根据具体的业务需求来决定。一般来说，如果计算过程相对简单并且频繁需要更新视图，计算属性可能是首选；复杂的逻辑则更适合方法或Watcher。