<template>
<view >瓜兮兮的世界</view>
<view > view标签,不可选择与复制</view>
<text selectable> text标签,可以选择与复制 ,这两标签其他差不多</text>
</template>
<script setup>
//vue3 组合式
</script>
<style lang="scss">
</style>
view 相当于 div,text 相当于 span

———————–uniapp的view标签与text标签的区别———————-
view标签与text标签的区别
在uniapp中,view和text是两种常用的基础组件,它们在功能和用途上有显著差异。
功能差异 view是一个块级容器组件,类似于HTML中的div,用于布局和包裹其他内容。它支持flex布局、样式绑定和事件处理,适合作为结构性容器使用。
text是一个行内文本组件,类似于HTML中的span,专门用于包裹文本内容。它支持文本嵌套、长按复制等特性,且文本内容会自动合并相邻空格和换行符。
样式表现 view默认是块级元素,独占一行,宽度默认为100%。可以通过CSS修改为行内或行内块。
text默认是行内元素,宽度由内容决定。设置display: block可转为块级,但会失去部分文本特性(如自动合并空格)。
嵌套规则 view可以嵌套任意组件或内容,包括多个text。
text只能嵌套文本或其他text组件,若嵌套view等非文本组件会导致渲染异常。
使用场景 view适用于布局结构,如页面分区、列表项容器等。
text适用于纯文本场景,如需要长按复制、动态拼接文本或处理空格/换行符时。
代码示例
<!– view作为布局容器 –>
<view class="container">
<text>标题</text>
<view class="content">其他组件</view>
</view>
<!– text处理文本特性 –>
<text>第一行\\n 第二行(空格保留)</text>
