<template>
  <div>
    <hr />
    <hr />
    <h1>Demo2</h1>
    <h3>我叫{{ name }}</h3>
  </div>
</template>
<script setup>
/**
 * setup函数返回对象上的内容 可以直接在模版使用
 * setup中this指向undefined 不能在setup中使用this
 */
let name = "图图";
console.log(this)
</script>

<!-- <script>
export default {
  name: "Demo2",
  setup() {
    let name = "图图";
    return {
      name,
    };
  },
};
</script> -->


<style lang="scss" scoped>
</style>
