dva的简单使用流程

简介: dva的简单使用流程

导语

歌谣 歌谣 我最经学习了一个新的知识 dva.js该怎么使用呢




编辑


第一步 建立一个简单的页面

``` import React, { Component } from 'react';


class geyao extends component { xxxxxxxx 此处省略 } ```




第二步 建立一个models文件 下面建立一个js文件

``` export default { namespace: 'products', state: [], reducers: { 'delete'(state, { payload: id }) {


},

1.

}, }; ```




namespace是唯一名字


reducers定义异步方法 放接口方法


第三步 连接

import { connect } from 'dva'; @connect(({ products, menu, loading }) => ({ menu, products, }))




第四步 调用接口

componentWillMount() { this.getAssistList(); } getAssistList() { const { dispatch } = this.props; dispatch({ type: 'product/getAssistActivityPage', }); }




总结

通俗的说了dva的整体使用流程 有时间再细细研究



相关文章
|
6月前
|
JavaScript 网络架构
Vue 项目结构和执行流程分析和ElementUI-使用安装
Vue 项目结构和执行流程分析和ElementUI-使用安装
91 0
|
1月前
|
JSON JavaScript 前端开发
Vue3源码架构简析及Monorepo流程构建
【10月更文挑战第12天】Vue3源码架构简析及Monorepo流程构建
Vue3源码架构简析及Monorepo流程构建
|
3月前
|
前端开发 Java C++
超简单使用Vite+Vue3构建共享开发和分模块打包的前端项目
使用Vite和Vue3构建支持共享组件和分模块独立打包的前端项目的方法。
440 0
超简单使用Vite+Vue3构建共享开发和分模块打包的前端项目
|
6月前
|
存储 资源调度 前端开发
【React | 完整项目创建流程】能看到这么详细的React配置流程,就偷着乐吧!
【React | 完整项目创建流程】能看到这么详细的React配置流程,就偷着乐吧!
212 1
|
移动开发 开发框架 小程序
基于mpvue的小程序项目搭建的步骤一
基于mpvue的小程序项目搭建的步骤一
89 0
|
移动开发 开发框架 小程序
基于mpvue的小程序项目搭建的步骤
基于mpvue的小程序项目搭建的步骤
98 0
|
JavaScript 前端开发 测试技术
从0搭建Vue3组件库(十二):引入现代前端测试框架 Vitest
从0搭建Vue3组件库(十二):引入现代前端测试框架 Vitest
497 0
|
前端开发
前端学习笔记202305学习笔记第二十天-vue3.0-把element-ui组件导入封装为特定模块
前端学习笔记202305学习笔记第二十天-vue3.0-把element-ui组件导入封装为特定模块
70 0
|
网络架构
基于 vue-antd-admin 开发项目后的几点感想(二):异步路由和菜单
基于 vue-antd-admin 开发项目后的几点感想(二):异步路由和菜单
139 0
|
前端开发 JavaScript
【React工作记录四十九】dva的简单使用流程
【React工作记录四十九】dva的简单使用流程
113 0