微信小程序基本使用

正在学习微信小程序开发,参考查找的博客资料,官方文档整理一些可能用到的基本知识和要注意的问题,下面都是本人亲自测试可以实现的,如果有什么问题,请指出来或者参考下原文。

一.控件初步使用 参考 控件基本使用

1.按钮与事件点击

a.放置一个按钮,通过bindtap绑定事件btnClick,{{ }}里面的是从js中获取的按钮内容


b.在js文件的data中写下面的内容,初始化界面数据

data: {
    btnText:'按钮初始内容', //按钮初始化内容,另外两个其他地方使用
    isTextshow:true,
    news:['aaa','bbb','ccc'],
  },

c.编写按钮点击回调函数,写完后编译运行,在点击按钮时,按钮内容改变

btnClick:function(){
    this.setData({ btnText:'点击后的内容'})
  }
2.列表显示数组内容

a.通过下面的代码,就可以将js文件中写的初始化数据news内容显示出来,news代表数组名字,newsItem代表每个参数的别名


{{index}}: {{newsItem}}

3.页面加入头部和底部 参考 -> 小程序引入公共页面几种情况

(1).普通引入
a.在pages文件夹添加一个template文件夹,新建一个header.wxml文件加入代码


b.在需要引入的文件中添加下面的代码引入,第二行中的header需要和头部文件中的name值一样,记得后面的反斜杠,不然会报错