前端 vue3 中的 computed 计算属性

最新推荐文章于 2025-03-09 20:45:20 发布

是个忙人.

最新推荐文章于 2025-03-09 20:45:20 发布

阅读量637

点赞数 17

文章标签：前端 vue.js vue typescript

本文链接：https://blog.csdn.net/2202_75452684/article/details/141065228

版权

computed原理

computed属性是Vue3中的一个响应式计算属性，它可以根据其他响应式数据的变化而自动更新其自身的值。computed属性通常用于处理需要根据其他响应式数据计算得出的值的情况，例如过滤和排序、数组计算等。computed属性的原理是使用一个getter函数和一个setter函数来实现。

computed函数式写法：只能支持一个`getter`函数，不允许修改值

<template>
  姓：<input v-model="firstName" type="text"></input>
  名：<input v-model="lastName" type="text"></input>
  <div>全名：{
   {
    name }}</div>
</template>
 
<script setup lang="ts">
<