请分别例用watch()函数和watchEffect()函数实现成绩表

使用Vue.js中的watch()函数和watchEffect()函数可以实现成绩表的实时更新。

使用watch()函数，可以监听数据的变化并执行相应的操作。例如，我们可以监听成绩表中某个学生的成绩变化，然后重新计算该学生的总分和平均分，并更新成绩表。代码如下：

watch: {
  'scores.student1': function(newVal, oldVal) {
    this.scores.student1.total = newVal.chinese + newVal.math + newVal.english;
    this.scores.student1.average = this.scores.student1.total / 3;
  },
  'scores.student2': function(newVal, oldVal) {
    this.scores.student2.total = newVal.chinese + newVal.math + newVal.english;
    this.scores.student2.average = this.scores.student2.total / 3;
  },
  // 监听其他学生的成绩变化
}

使用watchEffect()函数，可以监听响应式数据的变化并执行相应的操作。例如，我们可以监听成绩表中所有学生的成绩变化，然后重新计算每个学生的总分和平均分，并更新成绩表。代码如下：

watchEffect(() => {
  this.scores.student1.total = this.scores.student1.chinese + this.scores.student1.math + this.scores.student1.english;
  this.scores.student1.average = this.scores.student1.total / 3;
  this.scores.student2.total = this.scores.student2.chinese + this.scores.student2.math + this.scores.student2.english;
  this.scores.student2.average = this.scores.student2.total / 3;
  // 计算其他学生的总分和平均分，并更新成绩表
})