uni-app(三) Vue 基本语法 ,小程序的样式和sass

1 数据展示

在js的data中定义数据

在template中通过{ {数据}}来显示

在标签的属性上通过 :data-index="数据”来使用

 

2.数据循环

通过 v-for  指定要循环的数组

item 和 index 分别为循环项和循环索引

:key 指定唯一的属性，用来提高循环效率

<view
    v-for="(item,index) in list"
    :key="item.id"
>
    {
  {item.text}}
</view>

 

3.条件编译

v-if        来决定显示和隐藏，不适合频繁的切换显示

v-show 适合

<view v-if="false">v-if</view>
<view v-if="isShow">变量决定显示或隐藏</view>
<view v-show="false">v-show</view>

 

4.计算属性

对data中数据提供一种加工或者过滤