weex 第一个小程序

环境开发完毕,那么就要来写一个小程序来看一看weex怎么写页面了,可以选择的IDE比较多,我选择的是微软的 visual studio code
可以看到 这里 weex 的vue 使用的是相当标准的vue 语法,以及vue的mvvm框架
那么我们就实现一个 小小的 1-100 的list展示
weex 最简单 list 折叠源码
<template>
  <div class="wrapper">
  <list>
    <cell  v-for="num in lists">
      <text class="text">这是第{{num}}条数据</text>
    </cell>
  </list>
  </div>
</template>
 
<style>
  .wrapper {  }
  .text {
    font-size: 35px;
    text-align: center;
    color: #41B883;
  }
</style>
 
<script>
  export default {
    data: {
      lists:[]
    },
    created(){
      for(var i=0;i<100;i++){
        this.lists.push(i+1+'')
      }
    }
  }
</script>
简单的列表就实现了
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值