微信小程序写第一个“Hello World”程序

微信小程序写第一个“Hello World”程序

1.首先在index.wxml下添加如下代码

<view bindtap="bindMyViewTap">点我跳转</view>
即编写一个跳转链接
2.在index.js的onLoad方法的上面编写如下代码

//事件处理函数  
bindViewTap:function(){    
wx.navigateTo({      
url: '../logs/logs',    
	})  
},  
//用户单击“点我跳转”view  
bindMyViewTap:function(){    
wx.navigateTo({     
 url: '/pages/index/helloWorld',    
 	})  
 },

使用了wx.navigateTo这个API进行页面跳转
3.在小程序中通过在app.json文件中声明该页面保存后就可以自动生成，只需要在app.js中修改pages中数组的内容即可实现

"pages/index/helloWorld",

4.编写该页面的代码
打开helloWorld.wxml编写如下代码

<text>{{data}}</text>

上述代码指明了在文字元素中显示一个名为data 的变量，下面我们在helloWorld.js中声明，代码如下：

  /**   * 页面的初始数据   */ 
   data: {    data:'Hello World'  },

这样我们就可以实现点击“点我跳转”显示Hello World的效果
结果如图：

注：本文参考张帆主编的

微信小程序项目开发实践

如有侵权请联系本人