Snippet
interfaz Desde 1.1.0
Contenido de plantilla que un padre pasa a un hijo y que el hijo coloca con <render>. Args
son los parámetros que el hijo le entrega. Es el tipo de cada campo que devuelve
defineSnippets<T>(); sólo sirve para tipar, su contenido en tiempo de ejecución es interno.
Desde 1.4, una clave de T también puede ser un Snippet<Args>, que cuenta como Args: así
defineSnippets<Omit<AppCardSnippets, "footer">>() reutiliza los snippets de otro componente.
ts
import type { Snippet } from "@meekojs/meeko";Código fuente src/app/runtime/snippets.ts:35
Declaración #
ts
interface Snippet<Args extends readonly unknown[] = []> {
readonly [snippetArguments]?: (...args: Args) => void
}Parámetros de tipo #
-
Argsextends readonly unknown[] = [] Tupla de parámetros que recibe el snippet.
Ejemplo #
meeko
<script lang="ts">
const props = defineProps<{ names: string[] }>();
// snippets.item es Snippet<[name: string]>.
const snippets = defineSnippets<{ item: [name: string] }>();
</script>
<template><ul><li each:of="props.names" each:as="name"><render snippet="snippets.item" args="name" /></li></ul></template>