通过这种方式，我们可以很方便地实现可视化大屏页面的布局自适应。只需要在页面布局容器上绑定 screenRef 引用，然后在 resize 方法中就可以获取到这个容器的样式并设置缩放比例了。同时，我们还可以根据实际需求调整默认的宽高比和是否全屏等参数。这种方法的好处在于它非常灵活，可以根据不同的设计稿来调整适配的比例，而且不需要额外的库或插件支持，完全使用 Vue 的响应式系统和生命周期钩子来实现。

下面是一个完整的 Vue 3 + TypeScript 实现，封装用于处理服务器发送事件(SSE)并实时渲染流式内容到页面的方案。

vue 解决浏览器chrome、Firefox等自动填充账号密码的问题（type='password'）