用ref定义响应式数据变量

1.创建响应式数据方式

在组合式 API 中,推荐使用 ref()函数来声明响应式状态

ref()定义的数据一定要用.value来操作值

要在组件模板中访问 ref,请从组件的所以我们要在HbuilderX的script上设置setup并返回它们

定义响应式数据变量会让页面跟着数据的更改而更改        

import {ref} from "vue";

使用这段代码会来让我们可以用

let a3=ref(4)

的格式来创建一个响应式数据 使用这个数据时需要用加上 .value来运算。在页面上显示的时候并不用加value

2.根据响应式数据操作数组

在响应式数据中我们也可以使用数组来进行操作,使用它时也要用value操作。

直接使用变量名时会显示所有的数组数值,也可以取出指定的数值

2.根据响应式数据操作对象

在响应式数据中我们也可以使用对象来进行操作,使用它时也要用value操作。

直接使用变量名时会显示创建对象的样式数据

猜你喜欢

转载自blog.csdn.net/ming_xiang/article/details/141648888