1.引用ref,从vue里面
import {ref} from 'vue'
2.在steup生命周期进行操作
setup(){
//这里运用ref进行赋值
let name=ref('小明')
let age=ref(18)
//再通过事件进行改变 要.value才能修改
function changeClick(){
name.value='小雪'
age.value=19
}
//最后return出去
return{
name,
age,
changeClick
}
}
3.在页面上就可以渲染了
<template>
<h1>一个人的信息</h1>
<p>名字:{
{name}}</p>
<p>年龄:{
{age}}</p>
<button @click="changeClick">点击改变数据</button>
</template>
4.运用ref进行对象响应式
<template>
<p>职业:{
{workObj.work}}</p>
<p>工资:{
{workObj.wage}}</p>
<button @click="changeClick">点击改变数据</button>
</template>
<scr