# Доступные ресурсы

# directives

  • Тип: Object

  • Подробности:

    Хэш директив, которые доступны в экземпляре компонента.

  • Использование:

    const app = createApp({})
    
    app.component('focused-input', {
      directives: {
        focus: {
          mounted(el) {
            el.focus()
          }
        }
      },
      template: `<input v-focus>`
    })
    
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
  • См. также: Пользовательские директивы

# components

  • Тип: Object

  • Подробности:

    Хэш компонентов, которые доступны в экземпляре компонента.

  • Использование:

    const Foo = {
      template: `<div>Foo</div>`
    }
    
    const app = createApp({
      components: {
        Foo
      },
      template: `<Foo />`
    })
    
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
  • См. также: Компоненты