Cómo desarrollar componentes de arrastrar y soltar de Vue
¿Por qué elegir Vue?
Razón principal: Para el desarrollo front-end, la compatibilidad es una de las cuestiones que debemos considerar. Nuestro proyecto no necesita ser compatible con navegadores de versiones inferiores. El proyecto en sí también es un proyecto basado en datos. Además, Vue tiene las siguientes características principales: uso de DOM virtual; marco liviano; enlace de datos eficiente; ecosistema de desarrollo completo;
Estas son algunas de las razones por las que elegimos el framework Vue.
¿Por qué encapsularlo en componentes de Vue?
El objetivo principal es mejorar la reutilización y mantenibilidad del código. Reutilizabilidad: después de la componenteización, algunos estilos y lógica se distinguen a través de parámetros de configuración, por lo que la configurabilidad de los parámetros mejora la reutilización y flexibilidad de los componentes. Mantenibilidad: después de la componenteización, la lógica interna del componente solo es responsable del componente, y la lógica externa solo se puede ajustar a través de parámetros de configuración. Esto mejora la claridad de la lógica del código y puede localizar rápidamente problemas en el código.
Diagrama esquemático de la página de construcción de componentes:
La imagen de arriba muestra la llamada página de construcción de componentes en Vue. En pocas palabras, la página en realidad está construida a partir de componentes funcionalmente independientes. . de. Estos componentes se pueden combinar y anidar entre sí para formar, en última instancia, nuestra página.
Composición del componente
La siguiente es una composición completa del componente:
// Plantilla dentro del componente
// Código lógico dentro del componente
// Componente