WoX
A dynamic loader MVC architecture based on Vue.js development which use web virtual service and web virtual request mode.
Virtual Service
以中间件模型打造的虚拟服务体系，通过虚拟服务请求方式进行子服务间的业务解偶，使得代码组织与业务模块架构更加标准化。
Based on Vue.js
将`Vue.js`作为底层数据驱动引擎，让数据MVVM动态响应化，享受Vue.js生态带来的一切特性以及支持，快速构建你想要的页面。
Super Plugins
插件不仅仅以`UI Components`为目的，更重要的是提供主从继承的能力，使得整个项目可以仅仅通过配置插件完成，达到业务模块组件化效果。
Create project easily
# 安装脚手架工具
$ npm i @evio/cli -g
$ cli install @wox/cli
$ npm install -g @vue/cli
# 创建项目
$ cli wox:new
# 启动开发
$ npm run dev
1
2
3
4
5
6
7
8
9
10
2
3
4
5
6
7
8
9
10
Example
File: ~/demo/app/controller/index.js
import { Http, Controller } from '@wox/wox';
import IndexPage from '../webview/index.vue';
@Controller
export default class IndexController {
@Http.Get
async Home() {
await this.ctx.render(IndexPage, {
abc: 123,
test: 'Hello world'
});
}
}
1
2
3
4
5
6
7
8
9
10
11
12
13
2
3
4
5
6
7
8
9
10
11
12
13
File: File: ~/demo/app/webview/index.vue
<template>
<div>
<h1>Welcome</h1>
<p>{{abc}} - {{test}}</p>
</div>
</template>
<script>
export default {
name: 'IndexPage',
props: {
abc: Number,
test: String
}
}
</script>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
2
3
4
5
6
7
8
9
10
11
12
13
14
15