小程序基础

1.小程序组件

text 文本
view 区域
button 按钮
input 表单
image 图片
include 包含
inport 导入

2.模板语法

1.文本渲染   ：  {{表达式}}

2.条件渲染：
    wx:if="{}"
    wx:elif="{{}}"
    wx:else="{}"

3.列表渲染：
    wx:for="{{list}}"        {{item}}    {{index}}
    wx:key="title"

4.自定义
    wx:for="{{list}}"
  wx:for-item="myitem"                      {{myitem}}
   wx:for-index="ind"                          {{ind}}

5.import
    定义模板 test.wxml
<temp name="user">
<view> 用户名:{{name}}</view>

    使用
<import src="xxx/test.wxml">
<template is="use" data={{...userInfo}}>

6.include     拷贝src中非template的内容

3.事件

bindtap                触摸/点击
bindchange         值发生变化
bindconfrim         确认
bindinput             输入变化

4.表单的双向绑定

<input value="{{temp}}" bindinput="inputHd">

this.setDate{{itemp:e.datail.value}}

获取对应表单的值
e.detail.value

5.事件的传参

<button bindtap="showMsg" data-msg="你好">

showMsg(e){
  e.target.dataset.msg
}

6.响应式更新

this.setData({temp:""})        数据与视图都会更新

7.wx的api

微信内置的方法

wx.showToast({title:"",icon:})          弹出土司提示

wx.showLoading()