函数、方法和计算属性

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

在Vue模板中的规则：

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

javascript 复制代码

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

html 复制代码

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

计算属性 - 不加括号：

javascript 复制代码

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

html 复制代码

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

响应式数据 - 不加括号：

javascript 复制代码

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

html 复制代码

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

总结：

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