页面代码规范介绍

2022/7/7 微信小程序公众号

页面代码规范介绍

  • 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
<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