DvaJS 怎么用的

DvaJS是一个基于React和Redux的轻量级框架，用于快速开发Web应用程序，主要用于简化Redux使用过程中的样板代码。它提供了一些简单易用的API，使得开发者能够更加高效地开发应用程序。

要使用DvaJS，你需要先安装Node.js和npm，然后使用npm安装dva-cli。安装完成后，你可以使用dva-cli创建一个新的项目，然后在项目中使用dva模块来定义数据模型和路由等。

下面是一个简单的使用DvaJS的示例：

1. 创建一个新项目

$ npm install -g dva-cli
$ dva new myapp
$ cd myapp

2. 定义数据模型

在src/models目录下创建一个新的js文件，定义你的数据模型。

export default {
  namespace: 'example',
  state: {
    count: 0,
  },
  reducers: {
    increment(state) {
      return { ...state, count: state.count + 1 };
    },
  },
};

3. 定义路由

在src/routes目录下创建一个新的js文件，定义你的路由。

import React from 'react';
import { Router, Route } from 'dva/router';
import Example from './components/Example';

function RouterConfig({ history }) {
  return (
    <Router history={history}>
      <Route path="/" component={Example} />
    </Router>
  );
}

export default RouterConfig;

4. 定义组件

在src/components目录下创建一个新的js文件，定义你的组件。

import React from 'react';
import { connect } from 'dva';

function Example({ count, dispatch }) {
  return (
    <div>
      <h2>Count: {count}</h2>
      <button onClick={() => dispatch({ type: 'example/increment' })}>+</button>
    </div>
  );
}

export default connect(({ example }) => ({
  count: example.count,
}))(Example);

5. 启动应用程序

在命令行中输入以下命令，启动应用程序。

$ npm start

以上是一个简单的DvaJS示例，你可以参考DvaJS官方文档来了解更多信息。