Vue3 入门-第八篇：计算属性与监听器

第八篇：计算属性与监听器

1. 计算属性 computed

定义计算属性

在 Vue 中，计算属性是基于它们的响应式依赖进行缓存的。也就是说，只有在相关依赖发生改变时，计算属性才会重新求值。计算属性在 setup 函数中使用 computed 函数来定义。

假设我们有一个包含商品列表的 Vue 组件，每个商品有价格和数量，我们想要计算所有商品的总价。示例代码如下：

<template>
  <div>
    <ul&g