小程式入門之項目配置說明和資料綁定

文章目錄

• ​​1.小程式項目檔案的基本組成​​
• ​​2.小程式資料綁定​​

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>      

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