微信小程序_代码007(未授权)

本文介绍: 1、目录文件介绍2、wxml 设置数据和js 修改数据3、点击事件 wxml<view&g t; Hel lo {{name}}! </vi ew&g t; <button bind t ap=”c hang eNa m e“&g t; Clic k m e! </button></v iew>jsPa g e({ ch angeNa m e(){ th i s.setData({ name:’MINA’ }) }..

wxml

<view> Hello {{name}}! </view>
  <button bindtap="changeName"> Click me! </button>
</view>

Page({

  changeName(){
    this.setData({
      name:'MINA'
    })
  }
})

<view wx:for="{{array}}">{{item}}</view>

<template name="staffName">
  <view>
    firstName:{{firstName}} ,  lastName:{{lastName}}
  </view>
</template>

<template is="staffName" data="{{...staffA}}"></template>
<template is="staffName" data="{{...staffB}}"></template>
<template is="staffName" data="{{...staffC}}"></template>

/* pages/test/test.wxss */
.normalPadding{
  margin-top: 10px;
  margin-left: 50px;
  color: #d61aaa;
}

<text class="normalPadding">WXSS样式测试</text>

Component({

  behaviors: [],

  properties: {
    myProperty: { // 属性名
      type: String,
      value: ''
    },
    myProperty2: String // 简化的定义方式
  },
  
  data: {}, // 私有数据，可用于模板渲染

  lifetimes: {
    // 生命周期函数，可以为函数，或一个在methods段中定义的方法名
    attached: function () { },
    moved: function () { },
    detached: function () { },
  },

  // 生命周期函数，可以为函数，或一个在methods段中定义的方法名
  attached: function () { }, // 此处attached的声明会被lifetimes字段中的声明覆盖
  ready: function() { },

  pageLifetimes: {
    // 组件所在页面的生命周期函数
    show: function () { },
    hide: function () { },
    resize: function () { },
  },

  methods: {
    onMyButtonTap: function(){
      this.setData({
        // 更新属性和数据的方法与更新页面数据的方法类似
      })
    },
    // 内部方法建议以下划线开头
    _myPrivateMethod: function(){
      // 这里将 data.A[0].B 设为 'myPrivateData'
      this.setData({
        'A[0].B': 'myPrivateData'
      })
    },
    _propertyChange: function(newVal, oldVal) {

    }
  }

})