Vue组件中data为什么是个函数？Vue中watch和computed的区别？

好的，我知道了，关于你的第一个问题：

Vue组件中data为什么是个函数？

在Vue组件中，data属性用于定义组件的数据。Vue中推荐将data属性定义成一个函数而不是一个对象。这是因为当我们在多个组件中使用相同的组件时，如果data属性是一个对象，那么所有组件都会共享这个对象，这会导致数据的混乱。而如果将data属性定义成一个函数，每个组件都会有自己的实例，就不会出现数据混乱的问题了。

定义方式如下：

Vue.component('my-component', {
  data: function () {
    return {
      message: 'Hello'
    }
  }
})

关于你的第二个问题：

Vue中watch和computed的区别？

watch和computed都是Vue中用于监听数据变化的方法，但二者有一些区别。

watch是用于监听一个特定的数据变化，当数据变化时执行某些操作。watch的定义方式如下：

watch: {
  message: function (newVal, oldVal) {
    console.log('message changed from', oldVal, 'to', newVal)
  }
}

computed是用于计算一个新的属性，该新属性的值依赖于其他属性的值，当依赖的属性值发生变化时，computed属性会自动更新。computed的定义方式如下：

computed: {
  fullName: function () {
    return this.firstName + ' ' + this.lastName
  }
}

总结一下，watch是用于监听一个特定的数据变化，computed是用于计算一个新的属性，该新属性的值依赖于其他属性的值。