258资源分享网

//获取页面组件数据

var v = this.data.element

//条件判断

<view wx:if="{{show}}">小红</view>

<view wx:else="{{!show}}">小绿</view>

//wx:if wx:else 之间不允许有别的组件

//列表渲染

<view wx:for="{{list}}">第{{index}}项是：{{item}}</view> //小程序默认索引为index,项是item,当然也可以自定义，如下：

<view wx:for="{{list}}" wx:for-index="{{myIndex}}" wx:for-item="{{myItem}}" wx:for-key="{{myIndex}}">第{{myIndex}}项是：{{myItem}}</view>

//数据绑定

//wxml

<view>{{element}}</view>

//js

//初始化数据

data:{

element:"123456"

}

注意：shift()的使用，有坑！

data:{

list:["123","456","789"]}

btnClick:function(){

var myList = this.data.list

var a = myList.shift() //a获取myList的第一项

myList.shift() //删除最后一项

this.setData({

list：myList

})

}

//模板t1.wxml

<template name="ggg">

<view>

88888888888888888888888

</view>

</template>

<template name="jjj">

<view>

99999999999999999999999

</view>

</template>

//调用模板index.wxml

<import src=http://www.yiyongtong.com/archives/"../templates/t1" />

<template is="ggg"/>

<template is="jjj"/>

//注意此处必须要有

//调用模板样式

@import "../templates/template1.wxss";

//调用模板js

require('../templates/t1.js') //模板的js不允许出现Page()等方法

//见有人这么写index.wxml

<include src=http://www.yiyongtong.com/archives/"../templates/t1" />