小程序入门之项目配置说明和数据绑定

文章目录

1.小程序项目文件的基本组成

1. ​​app.js​​
2. ​​app.json​​
3. ​​xml+xcss+js​​

​​app.json​​是用来配置项目页面的，里面包含了很多页面。我们新建页面的方法之一就是可以直接在app.json里直接创建，不用去右击新建。

{
  "pages":[
  "home1/home1",
  "home/home"
  ]
}

通过如上我们直接创建了两个页面，​​home1​​​和​​home​​页面,且小程序访问顺序从上到下。

​​xml+xcss+js​​是项目标准的配置，非常像我们所说的HTML文件配置，我们可以类比的看这三个文件配置，这里不作为重点介绍了。

2.小程序数据绑定

我们在​​XML​​文件中写如下：

<view>{{message}}</view>

然后在​​JS​​文件中写对应事件：

Page({
  data: {
    message: 'Hello MINA!'
  }
})

我们需要知道的是​​Data​​是一个数组，如果有多个标识符，则需要在后边加上逗号进行区分！