页面截图功能在前端开发中，特别是营销场景相关的需求中, 是比较常见的。比如截屏分享，相对于普通的链接分享，截屏分享具有更丰富的展示、更多的信息承载等优势。最近在需求开发中遇到了相关的功能，

大屏，vue大屏，react大屏，svelte大屏，vue，react，svelte，屏幕适配，使用 scale 做屏幕适配。 vue 组件，react 组件 适配大屏最简单方便的方案

本文首发于：https://github.com/bigo-frontend/blog/ 欢迎关注、转载。 一、前言 入职的第一个需求是跟着一位前端大佬一起完成的一个活动项目。 由于是一起开发，当然不

跟着YK菌一起快速入门Vue3吧！很简单的哈～～～～～～～～～～～～～～～～～～～～～～～～～～～～

一般来说，做PC端的页面并不像移动端那样对分辨率及屏幕大小有的特别强的要求，但是针对数据大屏这种展示型的页面来说，就需要考虑适配的方案了，毕竟要尽可能的保证大部分的主流显示器都能正常展示。

实现思路: 先渲染动态行,然后在行里面添加slot插槽，写需要翻译字典的判断。 vue的v-for 的子组件里面 v-if 。 注意v-for与v-if不要写在同一标签内。 例子: 惟求热泪盈眶与成就