函数引用vs函数调用

在 Vue 中

函数调用（Function Invocation）

当你在函数名后面加上括号 ()，如 function()，这代表你正在调用这个函数。这意味着你希望这个函数立即执行，并返回执行结果。如果这样的代码出现在组件的模板或者是在组件的某些生命周期钩子中，它将在这些地方被立即执行。例如，在组件被初始化时，如果你在 created 钩子中调用了 function()，那么这个函数会在组件创建的过程中被执行。

函数引用（Function Reference）

当你仅仅提供函数名，不加括号，如 function，这代表你在提供一个对这个函数的引用。这意味着你并不是在调用这个函数让它立即执行，而是在告诉 Vue 或者其他代码，“这里有一个函数，当满足某些条件时，请你去调用它。”这种方式常见于事件监听或者将函数作为参数传递给其他函数的场景。例如，在模板中绑定事件监听时，你可能会这样写：@click="function"，这告诉 Vue，当点击事件发生时，调用 function。

总结

• 函数调用 (function()) 是指立即执行该函数。
• 函数引用 (function) 是指提供一个函数的引用，以便将来某个时刻调用。

这个概念在很多编程语言和框架中都非常重要，因为它涉及到如何控制函数的执行时机。在 Vue 中，正确地使用这两种方式对于事件处理、生命周期钩子的使用等都至关重要。