Transmitir atributos de características
En ofa.js, atributos（Attribute） es una de las formas más comunes de transferir datos entre componentes. Solo necesita declarar los atributos requeridos en el objeto attrs del componente para pasar datos externos al componente cuando se usa.
Uso básico
Definir propiedades de recepción
Antes de usar el componente, es necesario declarar las propiedades que se recibirán en el objeto attrs del componente. Las propiedades pueden tener valores predeterminados.
First: {{first}}
Full Name: {{fullName}}
Reglas importantes
-
Limitación de tipo: El valor del atributo pasado debe ser una cadena de texto; otros tipos se convertirán automáticamente a cadenas.
-
Conversión de nombres: Dado que los atributos HTML no distinguen entre mayúsculas y minúsculas, al pasar atributos que contienen letras mayúsculas, se debe usar el formato con guiones (kebab-case).
- Por ejemplo:
fullName→full-name
- Por ejemplo:
-
Debe estar definido: Si el componente no define la propiedad correspondiente en el objeto
attrs, no podrá recibir ese atributo. El valor establecido es el valor predeterminado; si no se desea un valor predeterminado, se establece comonull.
User Name: {{userName}}
Age: {{age}}
Sintaxis de plantilla para pasar atributos
En la plantilla del componente, se puede usar la sintaxis attr:toKey="fromKey" para pasar los datos fromKey del componente actual al atributo toKey del componente hijo.
👇
Full Name: {{fullName}}
Transmisión multinivel
Se puede pasar attribute a través de componentes anidados en múltiples capas.
Si el componente necesita depender de otros componentes, es necesario introducir los módulos de otros componentes en el componente.
Componente externo recibe: {{userName}}
Componente interno recibe: {{userName}}