页面配置与Page页面生命周期—小程序入门与实战（八）

4-2

在上一节，我们已经把 index.wxml 跟 index.wxss 写完了。

这一件我们来讲 index.json 页面配置跟 index.js与小程序 page 页面生命周期。

页面配置

每一个小程序的页面也可以使用 .json 文件来对本页面的窗口表现进行配置。

请注意： 页面中的配置项会覆盖 app.json 的 window 中相同的配置项。

页面配置中只能设置 app.json 中 window 对应的配置项，以决定本页面的窗口表现，所以无需写 window 这个属性。

# index.json

{
  <!--导航栏标题文字内容-->
    "navigationBarTitleText":"果酱先生"
}

我们这里的文案虽然是一样的，但是 navigationBarTitleText 还是覆盖了app.json里面的。

页面逻辑层

使用 Page 构造器注册页面

这也就是为什么我一开始强调 index.js 里面一定要写 Page({}) 不然会报错的原因。

# index.js 代码
Page({
<!---->
    data:{

    },
    onLoad(){

        // 页面创建时执行
    },
    onShow()