UniAPP template 与 block 的使用区别

简介: UniAPP template 与 block 的使用区别
  • uni-app 支持在 template 模板中嵌套 <template/><block/>,用来进行 列表渲染条件渲染
  • <template/><block/> 并不是一个组件,它们仅仅是一个包装元素,不会在页面中做任何渲染,只接受控制属性。
  • <block/> 在不同的平台表现存在一定差异,推荐统一使用 <template/>
  • 示例代码
<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>
相关文章
|
5月前
|
移动开发 开发框架 小程序
UniApp与微信小程序介绍及区别
UniApp与微信小程序介绍及区别
516 0
|
5月前
|
移动开发 JavaScript 小程序
uniapp与vue的区别
uniapp与vue的区别
277 0
|
5月前
|
开发框架 小程序 JavaScript
简单描述下微信小程序的相关文件类型以及微信小程序和uniapp的区别?
简单描述下微信小程序的相关文件类型以及微信小程序和uniapp的区别?
68 0
|
移动开发 JavaScript 前端开发
uniapp中nvue与vue的区别
uniapp中nvue与vue的区别
187 0
|
移动开发 JavaScript 前端开发
uniapp中nvue与vue的区别?
uniapp中nvue与vue的区别?
262 0
|
移动开发 JSON 前端开发
UniAPP nvue 与 vue 开发的常见区别
UniAPP nvue 与 vue 开发的常见区别
301 0
|
小程序 API
uniapp和微信小程序的区别
uniapp和微信小程序的区别
|
移动开发 缓存 JavaScript
uniapp 和 HTML5 区别
uniapp 和 HTML5 区别
301 0
uniapp 和 HTML5 区别
|
JavaScript
uniapp:[Vue warn]: Failed to mount component: template or render function not de
uniapp:[Vue warn]: Failed to mount component: template or render function not de
222 0
uniapp:[Vue warn]: Failed to mount component: template or render function not de