基础--计算属性

定义

计算属性本质上是基于Vue实例的数据进行计算得出的属性，它们的值会根据依赖的数据发生变化而自动更新

当依赖数据发生变化时，计算属性处理的值也会变化。

使用场景

避免根据data的值直接计算，然后填充到模板中。这样让<template>显的很乱

 

语法

?

1 2 3 4 5 6 7 8

// 图标显示的状态 const status = computed(()=>{     return data.value.length > 0 }) <br>//语法 const 接收值 = computed(()=>{     return 处理逻辑 })

　　

reactive

reactive 只能监听属性的变换，不能计算，conputed可以计算

reactive 主要用于创建响应式对象，它确实只能用于监听对象属性的变化。它不会执行任何计算，而只是跟踪对象内部属性的变化，并在变化时触发更新

实例1