Compartir tecnología

Notas prácticas de Vue3 (64): el arte de las instrucciones personalizadas de Vue 3: mejores prácticas en combate práctico

2024-07-11

한어Русский языкEnglishFrançaisIndonesianSanskrit日本語DeutschPortuguêsΕλληνικάespañolItalianoSuomalainenLatina


Prefacio

Siguiendo con lo anterior, en Vue3 las directivas personalizadas son una herramienta poderosa que nos permite ampliar la funcionalidad de los elementos HTML. Con directivas personalizadas podemos crear comportamientos reutilizables y vincularlos a cualquier elemento. A continuación, este artículo respalda algunas instrucciones personalizadas simples de Vue3 y casos súper prácticos, y explica sus escenarios prácticos de aplicación. :


1. Algunas instrucciones sencillas personalizadas de Vue3 y casos súper prácticos

v-focus: enfoca automáticamente el cuadro de entrada

const app = Vue.createApp({
  data() {
    return {
      // ...
    }
  }
});

app.directive('focus', {
  mounted(el) {
    el.focus();
  }
});