Hay dos formas de personalizar el componente de componente y la plantilla de plantilla de componente en el subprograma para realizar la creación de componentes de la página.
Uno, componentes personalizados de componentes
1. Concepto
Los componentes personalizados se refieren a componentes que se pueden usar en varias páginas y se pueden reutilizar varias veces en subprogramas. En desarrollo, puede abstraer el código y el estilo en una página y luego crear un componente personalizado, que se puede usar en otras páginas, para lograr el objetivo de reutilización y unificación de estilo.
Para el uso específico de los componentes, puede leer los artículos anteriores, así que no entraré en detalles~~~~~
2. plantilla de componente de plantilla
1. Concepto
Una plantilla de componente es una plantilla para una página de applet . La estructura y el estilo de las plantillas de múltiples componentes se pueden definir en la página, para crear rápidamente una nueva página y también garantizar la unidad de la estructura y el estilo de la página.
2. Definir la plantilla
<template name="empty">
<view style="width: 100%; height: 100%;background-color: rebeccapurple;">空页面</view>
</template>Nota: se puede encontrar que no hay ningún archivo .js en el componente de plantilla de plantilla. Porque la parte lógica del componente de plantilla de plantilla debe escribirse en el archivo .js del componente principal
3. Usa plantillas
Use el atributo is para declarar la plantilla requerida y luego pase los datos requeridos por la plantilla, como:
<view>
<import src="./templates/empty"/>
<template is="empty" data=""/>
</view>La introducción de estilo de wxss nos obliga a @importar para introducir nuestra dirección de plantilla, como por ejemplo:
@importar "./templates/empty.wxss"
3. Resumen
En un proyecto, podemos usar componentes personalizados de componentes para extraer los componentes públicos que se usan varias veces en nuestro proyecto y colocarlos en la carpeta pública de componentes como componentes públicos.
El componente de plantilla de plantilla debe usar módulos similares en varias páginas o plantillas que se usan varias veces en la página, por lo que se debe crear una plantilla de plantilla. Ambos pueden reducir la cantidad de código y, al mismo tiempo, el código es altamente reutilizable, fácil de mantener y realiza el desarrollo por componentes de pequeños programas.
El componente tiene sus propios archivos .json, .wxml, .js y .wxss, que son los mismos que la interfaz normal de la página del subprograma. También puede introducir otros componentes como sus propios subcomponentes, por lo que los componentes personalizados tienen funciones más completas y son adecuados para los componentes públicos, los componentes del componente se
pueden utilizar en la página después de introducirlos en usingComponents en el archivo .json de la página;
los componentes principales pasan valores a los componentes de componentes, y los componentes de componentes también pueden pasar valores a los componentes principales;
cree varias plantillas de plantilla similares en el mismo archivo WXML y use el atributo de nombre para distinguirlas;
los componentes de plantilla de plantilla deben usar importar para introducir WXML y WXSS;
plantilla La parte lógica del componente de plantilla debe escribirse en la lógica del componente principal de la página importada;
la plantilla se usa a través de la etiqueta de plantilla, el atributo es de la etiqueta de plantilla corresponde al atributo de nombre de la plantilla, y el atributo de datos representa los datos de la plantilla entrante;