第二章 框架设计的核心要素
2.1 提升用户的开发体验
在错误发生时,Vue对错误信息进行处理,最终调用console.warn。
在打印一些数据例如Ref变量时,因为其作为对象显示很不直观。需要调用.value才能看到其中的值。 可以在浏览器中设置的console模块中设置Enable customer formatters。Vue进行优化后直接显示Ref<value>的形式。
使用rollup.js将__DEV__常量在生产环境中设置为false,在开发环境中设置为true。
TreeShaking:消除永远不会执行的代码。排除Dead code。前提:满足ES module。因为其依赖于ESM的静态结构。 使用/#__PURE__/标注是否为无副作用函数。
错误处理:为用户处理函数执行,使用try catch 包裹。让用户可以自由配置错误处理函数。