page-meta

页面属性配置节点，用于指定页面的一些属性、监听页面事件。可部分替代pages.json的功能。
从微信基础库2.9.0开始，新增了page-meta组件，它是一个特殊的标签，有点类似html里的header标签。
页面的背景色、原生导航栏的参数，都可以写在page-meta里。
HBuilderX 2.6.3+ 支持了这个组件，并且全平台都实现了。

从某种意义讲，page-meta对pages.json有一定替代作用，可以让页面的配置和页面内容代码写在一个vue文件中。
它还可以实现通过变量绑定来控制页面配置。

但它的性能不如pages.json的配置，在新页面加载时，渲染速度还是pages.json方式的写法更快。

page-meta**只能是页面内的第一个节点**。可以配合 navigation-bar 组件一同使用。

平台差异说明

从HBuilderX 2.6.3起，编译到所有平台均支持page-meta，
但编译到微信时，受微信基础库版本限制；
编译到其他平台不受平台版本限制。

属性说明

注意

• <page-meta> 目前支持的配置仅为上表所列，并不支持所有 page.json 的配置
• <page-meta> 与 pages.json 的设置相冲突时，会覆盖 page.json 的配置

  示例代码

  <template>
  <page-meta
    :background-text-style="bgTextStyle"
    :background-color="bgColor"
    :background-color-top="bgColorTop"
    :background-color-bottom="bgColorBottom"
    :scroll-top="scrollTop"
    page-style="color: green"
    root-font-size="16px"
  >
    <navigation-bar
      :title="nbTitle"
      :loading="nbLoading"
      :front-color="nbFrontColor"
      :background-color="nbBackgroundColor"
    />
  </page-meta>
  <view class="content">
  </view>
  </template>
  <script>
  export default {
    data() {
      return {
        bgTextStyle: 'dark',
        scrollTop: '200rpx',
        bgColor: '#ff0000',
        bgColorTop: '#00ff00',
        bgColorBottom: '#0000ff',
        nbTitle: '标题',
        nbLoading: false,
        nbFrontColor: '#000000',
        nbBackgroundColor: '#ffffff'
      }
    },
    onLoad() {
    },
    methods: {
    }
  }
  </script>