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 计算属性(可读可写)