 |
位置：电子教程 > Uni-app入门教程 (如果看不到内容请使用360浏览器) | 推荐学习资源 |
|
位置：电子教程 > Uni-app入门教程 (如果看不到内容请使用360浏览器) | 推荐学习资源 |
| uni-app概要 |
| 通过 HBuilderX 可视化界面 |
| 通过 HBuilderX发布为小程序 |
| 通过vue-cli命令行运行uni app项目 |
| 框架简介 |
| 使用Vue.js注意事项 |
| uni-app 常见问题 |
| 当前阅读教程：Uni-app入门教程 > <template/> 和 <block/> | |
| 阅读(22555525) 收藏 赞(5685) 分享 | |
| 上一篇： uni-app 背景图片、字体图标 | 下一篇： uni-app NPM支持 |
|
uni-app 支持在 template 模板中嵌套 <template/> 和 <block/>，用来进行 列表渲染 和 条件渲染。 <template/> 和 <block/> 并不是一个组件，它们仅仅是一个包装元素，不会在页面中做任何渲染，只接受控制属性。 代码示例<template>
<view>
<template v-if="test">
<view>test 为 true 时显示</view>
</template>
<template v-else>
<view>test 为 false 时显示</view>
</template>
</view>
</template>
<template>
<view>
<block v-for="(item,index) in list" :key="index">
<view>{{item}} - {{index}}</view>
</block>
</view>
</template> |
|
| 上一篇： uni-app 背景图片、字体图标 | 下一篇： uni-app NPM支持 |
