Compartilhamento de tecnologia

Notas práticas do Vue3 (64) — Instruções personalizadas da arte do Vue 3: melhores práticas em combate prático

2024-07-11

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


Prefácio

Continuando com o acima exposto, no Vue3, as diretivas customizadas são uma ferramenta poderosa que nos permite estender a funcionalidade dos elementos HTML. Com diretivas personalizadas podemos criar comportamentos reutilizáveis ​​e vinculá-los a qualquer elemento. Abaixo, este artigo faz backup de algumas instruções personalizadas simples do Vue3 e casos superpráticos, além de explicar seus cenários práticos de aplicação. :


1. Algumas instruções personalizadas simples do Vue3 e casos superpráticos

v-focus - Foca automaticamente a caixa de entrada

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

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