Vue.js 是一款流行的前端框架，它提供了一套完整的函数使用机制，使得开发者可以方便地管理数据和视图。本文将总结Vue中的函数怎么做，并详细描述其使用方法。
首先，Vue中的函数主要可以分为计算属性和 methods 两种方式。计算属性是基于它们的依赖进行缓存的，只有当依赖发生变化时才会重新计算，而 methods 则是普通的JavaScript函数，每次调用时都会执行。
计算属性的使用方法是定义在 Vue 实例的 computed 属性下。例如，我们有一个数据 message，想要得到它的翻转字符串，可以这样写：
computed: {
reversedMessage: function () {
return this.message.split('').reverse().join('')
}
}在上面的例子中，当 message 数据改变时，reversedMessage 计算属性会自动更新。
Methods 则是在 Vue 实例的 methods 属性下定义的。例如，我们可以定义一个方法来处理点击事件：
methods: {
handleClick: function () {
this.message = '点击后的消息'
}
}在模板中，我们可以通过点击事件来调用这个方法：
<button v-on:click="handleClick">点击我</button>
除了计算属性和 methods，Vue 还提供了 watch 选项来响应数据的变化。当你需要在数据变化时执行异步操作或开销较大的操作时，这是很有用的。
最后，需要注意的是，在 Vue 中使用函数时，应尽量使用计算属性而非 methods，因为计算属性具有缓存优势，能提高性能。当然，选择哪种方式要根据实际场景来定。
总结来说，Vue.js 提供了 computed 和 methods 两种方式来定义函数，以及 watch 选项来观察数据变化。合理使用这些方法可以使得数据处理更加高效，同时也使得代码结构更加清晰。