微信小程序开发 ▎入门Demo：石头剪刀布

在本篇小Demo中，我们主要运用到了以下知识：

1、事件的绑定

2、微信小程序的条件判断语句

3、事件对象数据的传递

4、js的random函数运用

话不多说，先上demo的运行截图：

由于我们只是对整个demo逻辑的实现，我对界面就比较随意。我们主要是运用下小程序中以上用到的知识点，界面优化可以交给各位读者自己实现自己的小游戏Demo的时候进行优化。

//index.js  

//获取应用实例  

var app = getApp()  

Page({  

  data:{  

    // text:"这是一个页面"  

    //0是石头、1是剪刀、2是布  

    game:[0,1,2],  

    computer:null,  

    my:null,  

  },  

  onLoad:function(options){  

    // 页面初始化 options为页面跳转所带来的参数  

    console.log("----onLoad-----")  

  },  

  onReady:function(){  

    // 页面渲染完成  

    console.log("----onReady-----")  

  },  

  onShow:function(){  

    // 页面显示  

    console.log("----onShow-----")  

  },  

  onHide:function(){  

    // 页面隐藏