自学小程序

方法与函数的区别：对象内的功能是方法，独立的功能是函数

组件，

view组件，就相当于html里面的 div 标签，是对称的

需要包裹在组件里

text组件，text组件就是用来放文本的，包裹文本，包裹文字的

input组件，输入框

<input placeholder="请输入信息" bindinput="getName"></input>

getName(name)

{

  console.log(name.detail.value)

}

button组件，按钮

ctrl + /     是注释快捷键

函数的两种使用方式

函数名: function(options){

        console.log("第一种")

},

函数名(){

        

}

点击事件

<view bindtap="getName"></view>

当用户点击之后，就会执行   .js里面相应的方法（getName）

--------------------------

wxml

<text bindtap="getName">点我</text>

js

getName(){

  console.log(11111);

}

--------------------------

<input bindinput="getContent" placeholder="请输入内容"></input>

Page({

getContent(){

  console.log(11111);

},

})

--------------------------

带参函数

<input bindinput="getContent" placeholder="请输入内容"></input>

getContent(neirong){

  console.log(neirong.detail.value);

},

typeof 操作符 是用来检测数据类型

转换为字符串  *.toString()

Number()                将字符串转换为数字

parseFloat()                解析一个字符串并返回一个浮点数

parseInt()                        解析一个字符串并返回一个整数

Page({

  data: {
    name:""

  },
  getName(event)
  {
    console.log(event.detail.value)
    let value = event.detail.value
    this.setData({
      name:value
    })
  },
 
})





<input placeholder="请输入名字" bindinput="getName"></input>
<text>{{ name }}</text>

下面的是求和

let a=null
let b=null
Page({


  data: {
    name:"",
    jieguo:"",

  },
  getA(event){

    a =event.detail.value
  },
  getB(event){
    b =event.detail.value

  },
  getName()
  {
var sum = Number(a) + Number(b)
    console.log("点击求和", sum)
    this.setData({
      jieguo:sum
    })
  },

 
})



<input bindinput="getA"></input>
<text>+</text>
<input bindinput="getB"></input>
<button type="primary" bindtap="getName">求和</button>
<text>结果：{{ jieguo}}</text>