<template>
  <p>名字：{{ people.name }}</p>
  <p>年龄：{{ people.age }}</p>
  <p>性别：{{ sex }}</p>
</template>
<script>
import { ref } from "vue";
export default {
  setup () {
    const sex = ref("女");
    const people = ref({
      name:  "shuliqi",
      age: 12
    });
     // setup 返回一个对象
     // 那么template 可以直接使用setup 返回的数据
    return {
      sex,
      people
    }
  }
}
</script>