Vue 项目构建与开发入门:Vue API 盲点解析

目录

API 解析

使用 performance 开启性能追踪

使用 errorHandler 来捕获异常

使用 nextTick 将回调延迟到下次 DOM 更新循环之后执行

使用 watch 的深度遍历和立即调用功能

对低开销的静态组件使用 v-once

使用 $isServer 判断当前实例是否运行于服务器

结语

---

在了解了一些实用的开发技巧和编码理念后，我们在项目的开发过程中难免也会遇到因为不熟悉 Vue API 而导致的技术问题，而往往就是这样的一些问题消耗了我们大量的开发时间，造成代码可读性下降、功能紊乱甚至 bug 量的增加，其根本原因还是自己对 Vue API 的 “无知”。

本文将介绍 Vue 项目开发中比较难以理解并可能被你忽视的 API，唯有知己知彼，才能百战不殆。

API 解析

使用 performance 开启性能追踪

performance API 是 Vue 全局配置 API 中的一个，我们可以使用它来进行网页性能的追踪，我们可以在入口文件中添加：

if (process.env.NODE_ENV !== 'production') {
    Vue.config.performance = true;
}

来开启这一功能，该 API&#