1 В избранное 0 Ответвления 0

OSCHINA-MIRROR/automatejs-automate

Присоединиться к Gitlife
Откройте для себя и примите участие в публичных проектах с открытым исходным кодом с участием более 10 миллионов разработчиков. Приватные репозитории также полностью бесплатны :)
Присоединиться бесплатно
Клонировать/Скачать
Внести вклад в разработку кода
Синхронизировать код
Отмена
Подсказка: Поскольку Git не поддерживает пустые директории, создание директории приведёт к созданию пустого файла .keep.
Loading...
README.md

что это

Automate — это библиотека на JavaScript для создания веб-интерфейсов пользователя. Она позволяет вам заключать код пользовательского интерфейса в компоненты (components), а затем объединять эти компоненты для создания сложных пользовательских интерфейсов. Automate также является реализацией паттерна MVVM на JavaScript, который автоматически обновляет интерфейс при изменении данных в модели представления.

Automate предлагает прогрессивный стиль разработки, позволяющий разработчику создавать компоненты непосредственно в скрипте или использовать инструменты модульной системы JavaScript, такие как Webpack.

совместимость

Automate предназначен для современных браузеров, использует объект Proxy ES6 для обнаружения изменений данных.

пример

<!-- index.html -->

<!DOCTYPE html>
<html lang="ru">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>быстрый старт</title>
</head>

<body>
    <div id="app">
        <input *m-model="state.todo" placeholder="что сделать" /> <button @click="send()">отправить</button>
        <ul><li *m-repeat="item in state.items" *m-bind="item"></li></ul>
    </div>

    <script src="../dist/automate.js"></script>

    <script>
        automate.namespace('sample').render('#app', {
            construct: function () {
                this.state.todo = '';
                this.state.items = [];
            },
            send: function () {
                if (this.state.todo) {
                    this.state.items.push(this.state.todo);
                    this.state.todo = '';
                }
            }
        });
    </script>
</body>

</html>

документация

Automate

Комментарии ( 0 )

Вы можете оставить комментарий после Вход в систему

Введение

Библиотека JavaScript для создания компонентов Web UI. Развернуть Свернуть
MIT
Отмена

Обновления

Пока нет обновлений

Участники

все

Недавние действия

Загрузить больше
Больше нет результатов для загрузки
1
https://api.gitlife.ru/oschina-mirror/automatejs-automate.git
git@api.gitlife.ru:oschina-mirror/automatejs-automate.git
oschina-mirror
automatejs-automate
automatejs-automate
master