Ant Design Vue 的组件库的＜a-tab-pane＞的force-render

在使用类似 Ant Design Vue 的组件库时，`force-render` 属性通常用于指示是否强制渲染标签页的内容，即使它还没有被显示。通常，在一个标签页组件（如 `<a-tab-pane>`）中，内容只有在用户激活该标签页时才会被渲染。这种懒加载的方式有助于提高页面的初始加载性能，特别是当页面中有很多标签页时。

使用 `force-render` 的目的：

预先加载内容：

当你想要预先加载标签页的内容，无论该标签页是否已经被用户浏览到，都可以使用 `force-render`。这样可以确保当用户点击到该标签时，内容已经加载和渲染完毕，减少等待时间 

动态内容兼容： 

如果标签页的内容包含需要立即执行的JavaScript（如地图加载、图表绘制等），使用 `force-render` 可以确保这些脚本在页面加载时就被执行，避免脚本执行时因为DOM元素还未渲染而产生错误。

示例：
html
<a-tabs default-active-key="1">
  <a-tab-pane key="1" tab="标签1">
    标签1内容
  </a-tab-pane>
  <a-tab-pane key="2" tab="标签2" force-render>
    <!-- 即使未被显示，这里的内容也会被加载和渲染 -->
    标签2内容
  </a-tab-pane>
</a-tabs>