一、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"/>