函数、方法和计算属性

是的！函数和方法都需要加括号()来调用。

在Vue模板中的规则：

1. 函数/方法调用 - 需要加括号：

   // 定义
   const add = (item) => { item.number++ }
   const totalPrice = () => { return ... }
   

   <!-- 模板中调用 -->
   <button @click="add(value)">+</button>
   <td>总价 {{ totalPrice() }}</td>
   

2. 计算属性 - 不加括号：

   // 定义
   const totalPrice = computed(() => { return ... })
   

   <!-- 模板中使用 -->
   <td>总价 {{ totalPrice }}</td>
   

3. 响应式数据 - 不加括号：

   // 定义
   const data = reactive({ name: '商品' })
   

   <!-- 模板中使用 -->
   <td>{{ data.name }}</td>
   

总结：

• 函数/方法 → 加括号 ()
• 计算属性 → 不加括号
• 数据属性 → 不加括号

关键是要区分调用（函数/方法）和访问（属性/计算属性）！