#mzphp-todo

将 mzphp框架 结合 vuejs、vux、vue-resource 做的 todoList。代码量不多，核心代码就100来行，重点在于演示和互相学习。

问：为什么要将 mzphp 和 vue、vux 结合做项目呢？

1. 技术所趋（认真脸！）；
2. mzphp 支持 scss 语法，static 标签可以打包压缩前端 js 和 css，擅长于结合前端做项目；
3. 个人比较喜欢 vux 界面；
4. 网上找的 vue todo demo 做的不是特别友好，而且没有和 PHP 结合的示例项目。

嗯，就这么简单。

无图无真相：

相关说明

添加 vux 组件在 view/inc/vux.htm 中：

这里用了 mzphp 特有的 static 打包文件语法。 添加组件时，您只需要复制一行，修改为对应的 vux 组件名. （例如 components/tab-item 改为 components/loading）

然后访问 index.php 直接食用即可。(注：如果添加了组件，请在访问地址后加 index.php?_debug 或者删除 static/目录下「下划线」 _ 开头的 js)

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);

有问题欢迎提问。