老年人评估系统开发记录09(app,ref)

ref是vue中的响应组件,可以实现对于页面的响应,
在使用时需要导入包

import {ref} from "vue";

<template>
	<view>
		hahahaha
		<switch @change="onClick" class=""></switch>
		
	</view>
	<view>
		<button type="primary" :loading="isLoading">普通按钮 </button>
	</view>
	
	<view v-for="(item,index) in nba">
		
	姓名:	{{item.name}}
	球衣:	{{item.num}}
	</view>
	
	
</template>

<script setup>
import {ref} from "vue";
	
let isLoading=ref(false);	
function onClick(e){
	
	isLoading.value=e.detail.value;
}	
let nba=ref([
	{name:"姚明",num:26},
	{name:"库里",num:2},
	{name:"詹姆斯",num:16},
	{name:"杜兰特",num:15},
	{name:"科比",num:7},
	{name:"麦迪",num:2},
	{name:"欧文",num:3},
	{name:"哈登",num:12},
	{name:"戈登",num:2},
	{name:"字母哥",num:21},
]);
	
</script>

<style>
	       
		   
</style>