weex 第一个小程序

环境开发完毕，那么就要来写一个小程序来看一看weex怎么写页面了，可以选择的IDE比较多，我选择的是微软的 visual studio code可以看到这里 weex 的vue 使用的是相当标准的vue 语法，以及vue的mvvm框架那么我们就实现一个小小的 1-100 的list展示weex 最简单 list 折叠源码

五柳--先生

2964人浏览 · 2017-08-17 15:33:35

五柳--先生 · 2017-08-17 15:33:35 发布

环境开发完毕，那么就要来写一个小程序来看一看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>

简单的列表就实现了

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^