- 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>
