dvaJs使用注意事项

项目参考地址 dva-yicha

1. 使用路由跳转的方式

(1)所有的路由跳转功能都放到 dva/router 里面的

import { routerRedux } from 'dva/router';

(2)routerRedux里面包含一些常用的跳转路由的内容:
go: ƒ ()
goBack: ƒ ()
goForward: ƒ ()
push: ƒ ()
replace: ƒ ()
(3)该组件必须是通过connect连接到redux里面的组件,通过 this.props.dispatch 进行触发

this.props.dispatch(routerRedux.push(path))

2. 通过Link跳转

import { Link } from 'dva/router'; 

3. 设置全局样式

(1)如果是直接设置div这样的原生标签,那么可以直接引入就行;

(2)如果是设置类选择器的全局样式,就需要使用:global,对于不同的样式分别进行设置

:global(.w) {
  background-color: pink;
}

4. 使用scss

(1)只需要安装相应的包就行了(其他的什么都不用改)

import './index.scss'
import styles from './IndexPage.scss'

(2)但是这种方式还是要和cssMoudle一个使用

5. 实现跨域,在.webpackrc中添加

"proxy": {
    "/": {
      "target": "https://www.yichaapp.com/",
      "changeOrigin": true
    }
  }

6. 图片懒加载方案 lazysizes

<img src="../../assets/default.png" data-src={news.netUrl} className="lazyload" alt="易茶"/>

(1)src是替代图片
(2)data-src是正式图片

转载于:https://www.cnblogs.com/usebtf/p/11224697.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值