第5节：Vue3 JavaScript 表达式

<template>
  <div>{{ count }}</div>
</template>
<script>
import { ref } from 'vue';
export default {
  setup() {
    const count = ref(0); // 创建一个响应式引用，初始值为 0
    return { count }; // 返回 count，使其可以在模板中使用
  },
};
</script>

<template>
  <div>{{ fullName }}</div>
</template>
<script>
import { ref, computed } from 'vue';
export default {
  setup() {
    const firstName = ref('John'); // 创建一个响应式引用，初始值为 'John'
    const lastName = ref('Doe'); // 创建一个响应式引用，初始值为 'Doe'
    const fullName = computed(() => `${firstName.value} ${lastName.value}`); // 创建一个计算属性，其值为 firstName 和 lastName 的组合
    return { fullName }; // 返回 fullName，使其可以在模板中使用
  },
};
</script>