Vue3响应式API——ref
ref 是Vue3中最常用一个响应式 API,可以用来定义所有类型的数据
注意:本文写法为TypeScript,如果没有了解过需要先了解一下TypeScript
TypeScript文档阅读
类型声明
在开始使用 API 之前,要先了解一下在 TypeScript 中,ref 需要如何进行类型声明 声明方式:使用 <> 来包裹类型定义,紧跟在 ref API 之后:
//基本数据类型
const name=ref<number>(1)
//引用数据类型
const foods1=ref<Array<string>>(['苹果','香蕉'])
变量定义
/*
*基本类型
*/
字符串
const str = ref<string>('前端');
数值
const nums= ref<number>(1);
布尔值
const isbool= ref<boolean>(true);
......
/*
*引用类型
*/
数组
const ids=ref<Array<number>>([1,2