微信小程序-基本架构

基础模板里包含了 pages 文件夹, utils 文件夹, 三个app文件以及其他配置文件。

pages

包含了小程序的所有页面。 可以通过 新建文件夹->新建Page 来添加页面, 并需要将其路径添加到 app.jsonpages 中。

每个页面包含 .wxml, .wxss, .js, .json 四个文件。 前三者分别对应 html, css, js

小程序的开发和Vue有很多相似之处。

wxml

类似html, 只是一些标签名字不一样。

常用的标签:

  • view (div)
  • text (p)
  • botton
  • wxs (script)

相关内容官方文档

支持数据绑定, 用 {{}} 括起来。

wxss

和css写法基本相同。

js

有一个 Page({}), 里面包含 data 和 生命周期函数。

app.json

总的配置文件。 其中默认包含 pages, 和 window。 还可以从中注册tabBar等常用配置。

pages

所有页面的路由。 其中第一项为小程序的主页。

window

小程序总体样式。

app.js

App({}) 中包含生命周期函数和 globalData

可以通过 getApp() 获取实例。

globalData 中的变量通过 getApp().globalData.xxx 调用。

官方文档