小猿圈微信小程序之JS交互逻辑

微信小程序是当今很火的潮流，相信很多朋友和我一样一半不喜欢下载app，喜欢直接在微信中就可以打开然后使用，这样既可以方便使用，又不占咱们的手机内存，所以被我们广大用户所接受；那当然就火起来了，小猿圈加加这篇文章告诉大家一个微信小程序的小技巧，js交互逻辑，看到后一定要收藏哦，会用到的。

一、JS 交互逻辑

一个服务仅仅只有界面展示是不够的，还需要和用户做交互：响应用户的点击、获取用户的位置等等。在小程序里边，我们就通过编写 JS 脚本文件来处理用户的操作。

<view>{{ msg }}</view>

<button bindtap="clickMe">点击我</button>

点击 button 按钮的时候，我们希望把界面上 msg 显示成 "Hello World"，于是我们在 button 上声明一个属性: bindtap ，在 JS 文件里边声明了 clickMe 方法来响应这次点击操作：

Page({

  clickMe: function() {

    this.setData({ msg: "Hello World" })

  }

})

此外你还可以在 JS 中调用小程序提供的丰富的 API，利用这些 API 可以很方便的调起微信提供的能力，例如获取用户信息、本地存储、微信支付等。

在 pages/index/index.js 就调用了 wx.getUserInfo 获取微信用户的头像和昵称，最后通过 setData 把获取到的信息显示到界面上。更多 API 可以参考文档 小程序的API 。

很实用的一个小技巧，希望大家可以收藏一下，用的时候可以直接用到，小猿圈加加最近在学习微信小程序，所以以后尽可能多分享一些微信小程序的使用技巧，如果对这方面感兴趣，可以来小猿圈网看看，咱们可以一起学习，交流。