web0331/11.vue3/vue-project1/src/components/Demo1.vue

<template>
  <div>
    demo1
    <h3>{{ a }}</h3>
    <button @click="changMain">修改</button>
  </div>
</template>


<script setup name="Demo1">
import { ref } from 'vue';
    // ref 定义基本数据类型
    // setup 语法糖 不支持使用this
    // 相当于创建阶段
    let a = ref(10);
    console.log(a,'ref基本')
    console.log(this);
    function changMain() {
        // a = 20;
        // a.value = 20;
        a.value = 30;
        console.log(a)
    }
</script>

<style>
</style>