Vue-8-前端框架Vue之应用基础响应式数据和计算属性
文章目录
- 1 响应式数据
- 1.1 ref创建基本类型的响应式数据
- 1.2 reactive创建对象类型的响应式数据
- 1.2.1 汽车示例(对象{})
- 1.2.2 游戏示例(数组[])
- 1.2.3 深层示例
- 1.3 ref创建对象类型的响应式数据
- 1.4 ref对比reactive
- 1.4.1 区别和使用原则
- 1.4.2 reactive重新分配新对象
- 1.4.3 ref重新分配新对象
- 1.5 toRefs和toRef
- 2 计算属性
- 2.1 计算属性(只读)
- 2.2 计算属性(可读可写)
ref：可以定义，基本类型、对象类型的响应式数据。reactive：只能定义，对象类型的响应式数据。计算属性computed的两种写法：只读，可读可写。
1 响应式数据
ref：可以定义：基本类型、对象类型的响应式数据。
reactive，只能定义：对象类型的响应式数据。
1.1 ref创建基本类型的响应式数据
<template><div class="person">