Vue中的数据链，使用computed选项生成衍生数据时，使用什么方式来定义衍生数据

在Vue中，使用computed选项可以生成衍生数据，也就是根据已有的数据生成新的数据。定义衍生数据的方式是通过定义一个计算属性，即在Vue实例中定义一个计算属性并返回需要生成的衍生数据。计算属性会根据依赖的数据自动更新其值，并且只有在依赖数据发生变化时才会重新计算。

例如，下面的代码中，我们定义了一个计算属性fullName，它依赖于firstName和lastName两个数据，通过拼接这两个数据生成新的衍生数据：

<template>
  <div>
    <input type="text" v-model="firstName">
    <input type="text" v-model="lastName">
    <p>{{ fullName }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      firstName: '',
      lastName: ''
    };
  },
  computed: {
    fullName() {
      return this.firstName + ' ' + this.lastName;
    }
  }
};
</script>

在这个例子中，当用户在输入框中输入firstName和lastName时，计算属性fullName会根据这两个数据自动更新其值，并在p标签中显示出来。由于计算属性依赖的数据变化时才会重新计算，所以当用户只修改了其中一个数据时，计算属性也只会重新计算一次，而不是每次都重新计算。