Mzphp-todo

TodoList, созданный на основе mzphp с использованием vuejs, vux и vue-resource. Объём кода небольшой, основной код составляет около 100 строк. Основное внимание уделяется демонстрации и взаимному обучению.

Вопрос: почему было решено объединить mzphp и vue/vux в одном проекте?

1. Технологические тенденции (серьёзное лицо!).
2. mzphp поддерживает синтаксис scss, static-теги позволяют упаковывать и сжимать front-end js и css, что хорошо подходит для проектов, объединяющих front-end разработку.
3. Мне лично нравится интерфейс vux.
4. В интернете не удалось найти дружественных примеров vue todo demo, а также нет примеров проектов, сочетающих PHP.

Вот так всё просто.

Без картинки нет правды:

Дополнительная информация

Добавление компонентов vux в view/inc/vux.htm:

Здесь используется специфический синтаксис статической упаковки файлов mzphp. При добавлении компонентов достаточно скопировать одну строку и изменить её на соответствующее имя компонента vux. (Например, components/tab-item можно заменить на components/loading).

Затем можно сразу использовать index.php. (Примечание: если добавлены компоненты, при доступе к адресу добавьте index.php?debug или удалите файлы с префиксом «» в static/каталоге).

В static/v1/common.js уже есть метод автоматической регистрации компонентов vux:

// auto register component
(function (window) {
    for (var index in window) {
        if (index.search(/^vux/ig) > -1) {
            var componentName = index.replace(/^vux/i, '');
            var firstChar = componentName.substring(0, 1);
            componentName = firstChar + componentName.substring(1).replace(/([A-Z])/g, '-$1');
            Vue.component(componentName.toLocaleLowerCase(), window[index]);
        }
    }
})(window);

Если у вас есть вопросы, пожалуйста, задавайте их.