基础--计算属性

定义

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

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

使用场景

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

 

语法

// 图标显示的状态
const status = computed(()=>{
    return data.value.length > 0
})

//语法
const 接收值 = computed(()=>{
    return 处理逻辑
})

　　

reactive

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

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

实例1