Another Vue of NativeScript Webinar is now on YouTube
v-view

La directiva v-view, permite establecer la instancia View del elemento deseado como una propiedad padre.


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

Ejemplo: <RadSideDrawer>

El componente <RadSideDrawer> forma parte del paquete Progress NativeScript UI.

Este componente, requiere las propiedades drawerContent y mainContent para ser configuradas en la instancia de View. Usando la directiva v-view, puedes realizar este procedimiento con unas pocas líneas de código:

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

Si no utilizas la directiva v-view, necesitas un trabajo más tedioso para lograr el mismo resultado:

<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
  }
}
Contributors