<Frame>は<Page>エレメントを表示するためのUIコンポーネントです。全てのアプリは少なくとも１つの<Frame>エレメントが必要で、通常であればルートエレメントとして設定されます。

単一のルートフレーム

もしnativescriptのバージョン3.xからアプリを統合してその挙動を保存したいなら、エントリーファイルに以下のスニペットを追加すれば、ルートのFrameを生成してデフォルトページを描写することができます。

new Vue({
  render: h => h('Frame', [ h(HomePageComponent) ])
})

複数のフレーム

複数のフレームを生成する場合、レイアウトでラップすることで可能になります。例えば２つのフレームを隣同士で配置したい場合はこのようになります

<GridLayout columns="*, *">
  <Frame col="0"/>
  <Frame col="1"/>
</GridLayout>

デフォルトページをもったフレーム

<Frame>
  <Page>
    <ActionBar title="Default Page Title" />
    <GridLayout>
      <Label text="Default Page Content" />
    </GridLayout>
  </Page>
</Frame>

他のファイルからのコンポーネントをデフォルトページに持つフレーム

<Frame>
  <Page>
    <Home />
  </Page>
</Frame>

import Home from './Home'

export default {
  components: {
    Home
  }
}

Native component