vue3基础：计算属性

计算属性来描述依赖响应式状态的复杂逻辑。模板中最好不好写复杂的逻辑计算，否则会让模板变得臃肿，难以维护。

选项式api中

export default {
  data() {
    return {}
  },
  computed: {
 	wholeName() { return *****}
  }
 }

组合式api中

<script setup>
import { reactive, computed } from 'vue'
const wholeName = computed(() => {
	return *****
});