uniapp 我使用多个text组件后，浏览器渲染时候自动添加span

UniApp是一个基于Vue.js的跨平台框架，它允许开发者编写一套代码，生成适应多种设备（如Web、iOS、Android等）的应用。当你在uni-app项目中使用多个`<text>`组件时，并不需要手动设置，uni-app会自动处理文本的渲染优化。`<text>`组件用于显示纯文本，如果内容需要特殊格式化，比如换行、加粗、颜色等， UniApp 的模板编译器会帮您隐式地转换成HTML标签，如`<span>`，这是为了保证在不同平台上展示的一致性和性能。

例如，如果你写了类似这样的代码：

<template>
  <view>
    <text>This is a {{ boldText }}</text>
    <text>{{ multiLineText }}</text>
  </view>
</template>

<script>
export default {
  data() {
    return {
      boldText: 'bold text',
      multiLineText: 'line 1\nline 2'
    }
  }
}
</script>

运行时，实际渲染出来的可能是：

<div>
  <span>This is a </span><span v-bind:class="{ 'text-bold': boldText }">{{ boldText }}</span>
  <p>{{ multiLineText }}</p> <!-- uni-app可能会将多行文本转为<p>元素 -->
</div>

这里`<text>`默认不会包裹`<span>`，但在一些场景下，如需要自定义样式或者特定的CSS选择器作用时，才会根据需要插入。