2018年06月_zxd10001

原创 React 设置网页title

我们可以通过listen监听数据的变化1）需要在引入路由的时候引入withRouterimport { Switch, Route, NavLink, Redirect, withRouter } from 'react-router-dom';在暴露的地方吧根组件包裹起来export default withRouter( App);2）在constructor中this.props.histo...

2018-06-29 17:56:30 7885 1

原创 Vue 请求数据 axios ， vue-resource

请求数据vue-resource 官方指定1)安装npm install vue-resource --save2)在mian里引入import VueResource from "vue-resource"Vue.use(VueResource)4)可以在组件里使用,(使用箭头函数没有this指向问题)this.$http.get(url).then((res)=>{ //接收到的...

2018-06-28 15:25:30 243

原创 Vue 写ToDoList 可以实现刷新保存(localStorage)

<template> <div id="app"> <header> <section> <form action="#" method="get"> <label for="&

2018-06-28 11:16:03 964

转载 [json-server]的使用

### 前后端并行开发的痛点- 前端需要等待后端开发完接口以后再根据接口来完成前端的业务逻辑### 解决方法- 在本地模拟后端接口用来测试前端效果这种做法称之为构建前端Mock### [json-server](https://github.com/typicode/json-server)- 获取一个模拟的功能齐全的api接口不需要敲代码小于30s即可搞定### json-server使...

2018-06-27 21:03:10 282

原创 redux 极简入门

redux是一个状态机，所有的状态都保存在一个对象里，redux就是一个存数据，取数据和改数据的过程我们先来看看存数据1）数据是一个对象，所以我们要在src下创建一个redux，下面在创建state.js文件let state = { n : 5, list : []}export default state;2）第二步就是把数据放到reducer里，所以在redux下创建一个redu...

2018-06-27 20:59:45 141

原创 React 初始redux（入门首选）

redux 是一个状态管理的工具，（这需要在已经搭好webpack服务下）类似vue的vuex，多用于组件共享，比如多页面是否知道用户处于登录状态，购物车添加商品stroe是存数据的（仓库），是具有唯一性的，而state是数据（某一时刻的数据）如何使用redux呢，我们先来写一个简单的例子1，我们需要在src下新建一个store文件夹，在建一个srore.js文件我们需要安装reduxnpm i ...

2018-06-25 21:39:10 189

原创 [跨域] React 与 Vue之webpack反向代理

在React，Vue的webpack项目中是有跨域问题的，我们需要自己在webpack中自己配置反向代理。配置好之后我们就可以愉快的使用axios了Vue在config文件夹中的index.js中配置proxyproxyTable: { '/visit': { target: 'https://m.lagou.com/', changeOrigin: t...

2018-06-23 16:51:36 1375

原创 Vuex 丨使用getters的多种方法（二）

Vuex --> getters计算过滤操作getters和computed类似，都是用来计算state然后生成新的数据。我们要在不同的页面展示一个不同的数据，但是这个数据是我们通过同一个数据计算而带来的，在这里我们计算这个num，在不同的组件中展示在store.js中配置import Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)...

2018-06-22 20:27:30 11179 3

原创 Vuex 丨store 获取数据的多种方法（一）

Vuex...1，什么是vuex？怎么使用？什么场景下使用？ Vuex是vue中状态管理；在main.js引入store；场景有：单页应用中，组件之间的状态。音乐播放、登录状态、加入购物车引入vuex 利用npm的包管理工具 npm install vuex --save在src下建一个store文件夹，并在下面建一个store.js文件，文件中引入vue，vueximport Vu...

2018-06-22 17:42:16 46350

zxd10001的博客