ref

• ref可以生成响应式数据，多用于简单类型数据生成响应式数据
• ref生成的响应式数据监听的数据为{value: param}
• 在模板中ref的取值不用带value,在js的取值中ref要带value

<template>
  <div class="page-wrapper">
    <p>-------------------------------ref-----------------------</p>
    <p>{{stuAge}}</p>
    <button @click="myFn">点我一下</button>
  </div>
</template>
<script lang="js">
import { defineComponent, ref } from 'vue';
export default defineComponent({
  name: 'ref-test',
  setup(){
    let stuAge= ref(18)
    console.log(stuAge);
    function myFn(){
      stuAge.value++;
    }

    return {
        stuAge,
        myFn
    }
  }
  
})
</script>