Существует два способа указания свойств:
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>