微信小程序-基本架构
基础模板里包含了 pages 文件夹, utils 文件夹, 三个app文件以及其他配置文件。
pages
包含了小程序的所有页面。 可以通过 新建文件夹->新建Page
来添加页面, 并需要将其路径添加到 app.json
的 pages
中。
每个页面包含 .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
调用。