代码不会全部按照我们的预期运行，可能会有意料之外的情况，为了保证程序的健壮性，要进行异常处理。

比如一个对象的所有方法，都应该做异常处理，但是，如果每个方法都加 try catch 又太麻烦：

阅读剩余部分

几天前，Chrome developer 博客发布了这么一篇文章：

阅读剩余部分

记得当年我刚学 JavaScript 的时候，是从原生的 dom api 学起的，用原生的 dom api 完成一些增删改的功能，之后就会学习 JQuery。

刚接触 JQuery 的时候，感觉这也太爽了吧。比如这样一段逻辑：

创建一个 p 标签包含一个文本节点，然后插入到 container 中。

阅读剩余部分

有时候后端api给的数据中，没有汇总数据，要在对象数组中找到对应属性的值去计算，网上找到2个js方法，其实是一个，写法略有差异，都是利用js的reduce遍历、计算。

阅读剩余部分

写在前面

本篇文章是全部采用的<script setup>这种组合式API写法，相对于选项式来说，组合式API这种写法更加自由，具体可以参考Vue文档对两种方式的描述。

本篇文章将介绍如下七种组件通信方式：

• props
• emit
• v-model
• refs
• provide/inject
• eventBus
• vuex/pinia(状态管理工具)

开始搞事情~

阅读剩余部分