ref函数

<template>
  <div>
    <h1>vue3</h1>
    <span>{{name}} - {{age}}</span>
    <button @click="refname">函数修改name</button>
    <button @click="name = '刚'">直接修改name</button>
  </div>
</template>

<script>
import {ref} from 'vue'
export default {
  setup(){
    const name = ref('吴宇腾')
    const age = ref(29)
    const refname = ()=>{
      name.value = '丽友'
    }
    return {
      name,
      age,
      refname
    }
  }
}
</script>