Desarrollo de componentes Vue

1 Ideas de desarrollo de componentes

Características de las ideas de componenteización: estándares, división. y conquistar, reutilizar, combinar.

2. Definición de componentes

3. Desarrollo de componentes en Vue

4. Tres componentes de Vue

Cada uno. El componente vue consta de tres partes, a saber:

Entre ellas, cada componente debe contener una estructura de plantilla, y el comportamiento del script y los estilos de estilo son componentes opcionales.

Ejemplo:

1. Los datos deben ser una función.

2. El contenido de la plantilla del componente debe ser un único seguidor.

3. El contenido de la plantilla del componente puede ser una cadena de plantilla (el navegador debe proporcionar soporte de sintaxis ES6).

4. Método de denominación de los componentes

1. Los componentes reciben valores pasados ​​a través de accesorios.

2. El componente principal pasa el valor al componente secundario a través de propiedades.

3. Reglas de nombre de atributo de props

4.Tipo de valor de atributo de props

1.

2. El componente principal escucha los eventos del componente secundario.

3. El componente secundario transmite información al componente principal a través de eventos personalizados.

4. El componente principal escucha los eventos del componente secundario.

1. Un centro de eventos independiente gestiona la comunicación entre los componentes.

2. Monitoreo de eventos y eventos de destrucción

3.