W260426/16.vue3/project1/src/components/Demo2.vue

<template>
  <div>
    <h1>Demo2</h1>
    <h2>{{ name }}</h2>
    <button @click="changeName">修改名字</button>
  </div>
</template>

<script setup>
// ref 定义基本数据类型
import { ref } from "vue";
let name = ref("图图");
console.log(name);
function changeName() {
  name.value = "孙悟空";
}
</script>

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