v-viewディレクティブは現在のエレメントのViewを親プロパティとして設定します。

<Child v-view:parentPropertyName />
<!-- same as: -->
<Child ~parentPropertyName />

<Child v-view:parentArrayPropertyName.array />
<!-- same as: -->
<Child ~parentArrayPropertyName.array />

例: <RadSideDrawer>

<RadSideDrawer>コンポーネントはProgress NativeScript UIパッケージの一部です。

<RadSideDrawer>コンポーネントはViewインスタンスに設定するためのdrawerContentとmainContentプロパティを要求します。v-viewディレクティブを使うことで、これを数行で実現できます:

<RadSideDrawer>
  <StackLayout ~drawerContent />
  <StackLayout ~mainContent />
</RadSideDrawer>

v-viewを使わない場合、エラーを引き起こしがちなうんざりする手順を踏まなければなりません:

<RadSideDrawer ref="drawer">
  <StackLayout ref="drawerContent" />
  <StackLayout ref="mainContent" />
</RadSideDrawer>

{
  mounted() {
    this.$refs.drawer.nativeView.drawerContent = this.$refs.drawerContent.nativeView
    this.$refs.drawer.nativeView.mainContent = this.$refs.mainContent.nativeView
  }
}