简介

在上一章中，我们向您介绍了单文件组件和 Vue API 的概念，Vue API 提供了对方法、指令和数据属性的访问。在这些基础上，我们将引入计算属性，该属性与数据属性一样，在 UI 中是响应性的，但可以执行强大的计算，并且它们的结果是可缓存的，从而提高项目的性能。在构建电子商务商店时，您通常希望在用户与 UI 交互时响应性地计算定价和购物车商品，而在过去，这需要使用 jQuery 之类的工具在不重新加载页面的情况下实现。Vue.js 通过引入对前端用户输入立即做出反应的计算属性，可以快速完成这些常见的前端任务。

让我们首先介绍可以动态计算的响应性数据，并了解如何调用和操作异步数据。