微信小程序--数据操作03

开发文档（API）

数据绑定:

需要调用的数据放在js的data目录下面，用key：value格式

添加事件点击事件可以在wxxml调用事件（按钮调用btnClick事件）

<button type="primary" bindtap="btnClick">{{text}}</button>

点击后把文本内容更换（添加在js后面）

 btnClick:function(){
    console.log("按钮被点击了")
    this.setData({text:"按钮被点击了"})
  }

判断标签：

<view wx:if="{{show}}">{{text}}1</view>
<view wx:else>{{text}}2</view>

循环标签：index下标，item内容，可以在头部进行更改

<view wx:for="{{news}}" wx:for-item="itemsss">
{{index}} - {{itemsss}}
</view>

导入其他页面:（第一种方法）

<include src="../templates/header"/>

(第二种方法)

<import src="../templates/footer"/>
<template is="footer1" data="{{text:'导入设置的内容。。。'}}"/>

可以在导入的页面中设置值

<template name="footer1">
  这是底部内容1 - {{text}}
</template>
<template name="footer2">
  这是底部内容2  - {{text}}
</template>

事件添加

1.点击事件（tap) 2.长按事件 (longtap) 3.触摸事件（touchstart,touchend,touchmove,touchcancel）
以上都属于冒泡事件；（bind触发）
冒泡，点击，出发三层页面：

事件接收的同时可以传递数据

<view class="view1" bindtap="view1click" id ="view1" data-title="新闻标题" data-id="100">
  view11
  <view class="view2" bindtap="view2click">
    view22
    <view class="view3" bindtap="view3click" id="view3">
      view33
    </view>
  </view>
</view>

小程序的配置详情

配置底部tabBar

"tabBar":{
    "list":[{
      "pagePath":"pages/index/index",
      "text":"首页"
    },{
      "pagePath":"pages/logs/logs",
      "text":"日志"
    }]
  },

tabBar配置：

其他页面的配置可以覆盖全局配置;
小程序生命周期:
初次加载页面的时候执行这三个方法:

也米娜跳转方式:

 itemClick:function(){
    wx.navigateTo({
      url: '../logs/logs',
    })
    // wx.redirectTo({
    //   url: '../logs/logs',
    // })
  }

也可以使用navigator标签跳转:

<navigator url="../logs/logs?id=100">
   <view>
    <text class="user-motto">文章1</text>
  </view>
  </navigator>