Способы указания свойств

Существует два способа указания свойств:

  • 1 - Указываем свойство в html разметке с помощью data-container_name-prop_name, либо data-array_name-prop_name - для свойст массива. Далее в описании приложения указываем его в массиве props: ["prop_name", ...], либо arrayProps: ["prop_name", ...]- для свойств массива.

  • 2 - Указываем свойство только в описании приложения с помощью массива props:[ ["prop_name", "prop_type", "selector"] ]. где "selector" - селектор для поиска свойства относительно контейнера, либо массива - для свойств массива, например "a:first-of-type". Если селектор указать пустым "" это будет означать что свойство является в том-же теге что и контейнер, либо массив - для свойств массива.

Из примера выше (# Прослушивание пользовательских событий из свойств массива) свойства можно указать так:

  • для свойств массива: arrayProps:[ ["class_menu", "class", ""], [ "listener_load_page", "emiter-load-page", "" ] ] - тотже тег что и у массива;

  • для свойств контейнера: props:[ ["class_item", "class", ""], ["text_item", "text", "a:first-of-type"] ] a:first-of-type - селектор относительно контейнера

Теперь в html разметке у нас останется только массив и два контейнера:

        <div data-menu="array" >

            <div data-item="container" >
              <a > текст 1 </a>
            </div>

            <div data-item="container" >
              <a > текст 2 </a>
            </div>

       </div>