一、vue公共组件的理想状态是什么样子的？
1. 黑盒性，即除了你自己以外，其他的开发者在快速阅读使用文档之后可以立刻上手，而不用关心你的内部实现；
2. 独立性，即做好解耦，不与父组件有过多关联；
3 自定义性，适当地暴露一些输入接口或者方法给外部用于自定义，同时也要设置好这些属性在外部未输入时的默认值。
二、react官网建议的refs的使用场景，以及不建议使用的场景。
下面是几个适合使用 refs 的情况：
1.管理焦点，文本选择或媒体播放。
2.触发强制动画。
3.集成第三方 DOM 库。
官网说的是避免使用 refs 来做任何可以通过声明式实现来完成的事情。例如：避免在 Dialog 组件里暴露 open() 和 close() 方法，最好传递 isOpen 属性。
三、prerender(性能优化)
prerender是一个重量级的选项，它可以让浏览器提前加载指定页面的所有资源。（预加载参考文章：https://blog.csdn.net/franktaoge/article/details/51473823）
<linkrel="prerender" href="/thenextpage.html"/>