微信小程序 框架结构

配置

全局配置

• 全局配置在app.json目录下进行配置，其中必须包含属性pages，给出每个页面文件的路径。
• 还可以用window配置状态栏、导航条、标题、窗口背景颜色等信息。tabBar定义导航栏信息。详见官方文档

页面配置

• 每个单独的页面可以在其.json文件中进行配置。详见上述官方文档。

文件结构

• 每个页面文件夹下的四个同名文件.js、.wxml、.wxss、.json自动绑定，用于描述页面的逻辑、结构、配置、样式。
• 每一组文件拥有独立的命名空间，也就是说在不同文件夹下可以定义同名变量。

• 数据绑定

  • 在js文件的Page中，有一个data属性，data是一个对象，其中含有若干个属性。这些属性自动和wxml文件绑定，可以在wxml文件中使用
  • 在wxml文件中，用 { {key}} 的形式即可代表data中key对应的value
  • 在两个大括号内，支持简单的运算，如：三元运算、算术运算、逻辑判断、字符串运算、数据路径运算。
  • 例如：

  <view>{
       {
       a+b}}}+{
       {
       c}