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>

简单的列表就实现了