기술나눔

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

---

머리말

위에서 계속해서 Vue3에서 사용자 정의 지시문은 HTML 요소의 기능을 확장할 수 있는 강력한 도구입니다. 사용자 지정 지시문을 사용하면 재사용 가능한 동작을 만들고 이를 모든 요소에 바인딩할 수 있습니다. 아래에서 이 기사는 몇 가지 간단한 Vue3 사용자 정의 지침과 매우 실용적인 사례를 백업하고 실제 적용 시나리오를 설명합니다. :

---

1. 간단한 Vue3 사용자 정의 지침과 매우 실용적인 사례

v-focus - 입력 상자에 자동으로 초점을 맞춥니다.

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

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

                    上一篇
                    下一篇