Carrito de compras GitHub: GitHub - TsundereAchen/Vue-Demo
Ranura
- Es la capacidad de Vue para encapsular componentes, lo que permite a los usuarios definir partes inciertas y especificadas por el usuario como ranuras durante el desarrollo.
- Vue estipula que las ranuras deben tener un nombre. Si se omite, el nombre es el predeterminado.
- Ranura de alcance: la ranura en V solo se puede colocar en una plantilla o componente.
- La etiqueta de plantilla es una etiqueta virtual que solo funciona como contenedor y no se representará en ningún elemento HTML.
- El contenido de respaldo se puede declarar en la ranura. Cuando el usuario no especifica el contenido de relleno que se mostrará, la instrucción anula el contenido predeterminado.
Instrucciones dinámicas
Controle dinámicamente la ocultación o visualización de componentes.
El componente es un componente integrado de Vue. Funciona como un marcador de posición de etiqueta. El atributo is es para mostrar el nombre del componente. Este nombre es el nombre registrado en el nodo del componente.
<componente es="Izquierda"></component>
Instrucciones personalizadas
Las directivas se dividen en directivas globales y privadas, y el método de registro es similar a los filtros.
La instrucción personalizada activa la función de vinculación.
La función de vinculación entra en vigor cuando se vincula por primera vez. Entra en vigor cuando cambian los datos de actualización. No entra en vigor la primera vez.
Si la lógica de vinculación y actualización es la misma, la instrucción personalizada se puede abreviar como función.
directives: {
color: {
bind(e, binding) {
e.style.color = binding.value;
}
}
} <p class="pp" v-color="'pink'">{
{ count }}</p>