<div v-for="item in items" :key="item.id">
<!-- 内容 -->
</div>
v-for就是循环的列表也就是渲染列表
:key就是动态绑定
key键名 index就是索引
<div v-for="(img, index, key) in items" :key="item.id">
<!----内容---->
</div>
v-bind 绑定
<div
class="static"
v-bind:class="{active: isActive, 'text-danger: hasError}"
></div>
data: {
isActive: true,
hasError: false
}
<div class="static active"></div>
绑定的数据对象不必内联定义在模板里
data: {
classObject:{
active: true,
'text-danger': false
}
}
跨平台:
跨端兼容
但每个平台有自己的一些特性,因此会存在一些无法跨平台的情况。
在 C 语言中,通过 #ifdef、#ifndef 的方式,为 windows、mac 等不同 os 编译不同的代码。 uni-app 参考这个思路,为 uni-app 提供了条件编译手段,在一个工程里优雅的完成了平台个性化实现。
条件编译
条件编译是里用特殊的