页面代码规范介绍
uni-app 支持在 template 模板中嵌套 和
,用来进行 列表渲染 和 条件渲染。 和
并不是一个组件,它们仅仅是一个包装元素,不会在页面中做任何渲染,只接受控制属性。 在不同的平台表现存在一定差异,推荐统一使用 。
代码示例
<template>
<view>
<template v-if="test">
<view>test 为 true 时显示</view>
</template>
<template v-else>
<view>test 为 false 时显示</view>
</template>
</view>
</template>
1
2
3
4
5
6
7
8
9
10
2
3
4
5
6
7
8
9
10
<template>
<view>
<block v-for="(item,index) in list" :key="index">
<view>{{item}} - {{index}}</view>
</block>
</view>
</template>
1
2
3
4
5
6
7
2
3
4
5
6
7